0

このようなテンプレートがあります。以前は通常の html ファイルで動作していましたが、現在は動作していません。

これは私のtest.htmlファイルです。

<template name="test">
<a href="xxxxxxxx" class="screenshot">
    <img src="xxxxxx" alt="Screenshot" class="thumbnail"/>
    <span class="screenshot-zoom"></span>
</a>
<script>
    $(function () {
        $(".screenshot").lightbox();
    });
</script>
</template>

編集1

https://stackoverflow.com/a/10119993/772481に従い、同様のテストを試みましたが、まだ機能していません。

->test.html
<template name="test">
    <a href="./img/screenshots/placeholder.gif" class="screenshot">
        <img src="http://placehold.it/300x120" alt="Screenshot" class="thumbnail"/>
        <span class="screenshot-zoom"></span>
        {{add_my_special_behavior}}
    </a>
</template>

->screenshot.js
Template.test.add_my_special_behavior = function () {
    Meteor.defer(function () {
        // do stuff to it
        $(".screenshot").lightbox();
    });
    // return nothing
};
4

1 に答える 1

1

テンプレートで使用renderedできるイベントを使用します。

Template.test.rendered = function() {
  $(".screenshot").lightbox();
}

これにより、Meteor がテンプレートをレンダリングした後にライトボックス メソッドが実行されます。

于 2012-12-22T13:46:21.350 に答える