1

以前は機能していたライトボックス。しかし、流星で試してみたところ、動作しなくなりました。

最初に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として使用すると、機能しました。しかし、それは流星の下ではありません。私は何かが恋しいですか？

4

2 に答える 2

4

Meteor 0.4.0以降では、次のTemplate.myTemplate.rendered方法を使用してこれを行うことができます。

あなたの場合、それは

Template.test.rendered = function() {
    if(!this._rendered) {
      this._rendered = true;
      $(this.find(".screenshot")).lightbox();
    }
}
于 2012-09-05T02:54:38.783 に答える
0

これは私がMeteorの開発者から得たものですが、新しいmeteor0.4.0では検証しませんでした。

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

Meteor.startup(function () (
  $(".screenshot").lightbox();
});
于 2012-09-05T03:54:18.680 に答える