javascript - jquery 灯箱不适用于 Meteor

Question

灯箱曾经工作。但是，当我在流星上尝试它时，它不再起作用了。

我首先添加 jquery 依赖并将 jquery.lightbox.js 和 jquery.lightbox.css 放到客户端文件夹中。

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

这是使用灯箱的测试模板和脚本。

->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();
});

如果我将它用作常规 html，它会起作用。但它不在流星之下。我想念什么吗？

Answer 1

从 Meteor 0.4.0 开始，您可以使用以下Template.myTemplate.rendered方法执行此操作：

在你的情况下，那将是

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

Answer 2

这是我从 Meteor 的开发人员那里得到的，但是，我没有在新的流星 0.4.0 上验证它。

http://docs.meteor.com/#meteor_startup

Meteor.startup(function () (
  $(".screenshot").lightbox();
});