templates - 流星如何在模板末尾加载脚本

Question

我有一个看起来像这样的模板。它曾经与常规的 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
};

Answer 1

使用rendered模板可用的事件：

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

这将在 Meteor 渲染模板后执行 lightbox 方法。