このようなテンプレートがあります。以前は通常の 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
};