jquery lightbox 不适用于 Meteor

jquery lightbox is not working with Meteor

本文关键字：Meteor 适用于 不适用 lightbox jquery      更新时间：2023-09-26

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

我首先添加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，它就可以工作。但它不在流星之下。我错过了什么吗？

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

在您的情况下，那将是

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

这是我从 Meteor 的开发中获得的，但是，我没有在新的 meteor 0.4.0 上验证它。

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

Meteor.startup(function () (
  $(".screenshot").lightbox();
});
相关文章：