Question

The lightbox used to work. However, when I tried it on meteor, it is not working any more.

I first add jquery dependency and put jquery.lightbox.js and jquery.lightbox.css to client folder.

$ meteor add jquery
$ ls -l client/js/jquery.lightbox.js
$ ls -l client/css/jquery.lightbox.css

This is the test template and script to use lightbox.

->test.html

<template name="test">
<a href="xxxxxxxx" class="screenshot">
    <img src="xxxxxx" alt="Screenshot" class="thumbnail"/>
    <span class="screenshot-zoom"></span>
</a>
</template>

->screenshot.js

$(function () {
     $(".screenshot").lightbox();
});

If I use it as regular html, it worked. But it is not under meteor. Do I miss anything?

Answer 1

Starting from Meteor 0.4.0 you can use the Template.myTemplate.rendered method to do this:

In your case that would be

Template.test.rendered = function() {
    if(!this._rendered) {
      this._rendered = true;
      $(this.find(".screenshot")).lightbox();
    }
}