Turn.js を流星プロジェクトに統合したいのですが、「小さな」問題に遭遇します。
スクリプトは、テンプレートを初めて「ロード」したときにうまく機能しますが、同じテンプレートに遭遇すると機能しません。
{{#if correspondances_readingMode}}
<script >
function loadApp() {
// Create the flipbook
$('.flipbook').turn({
// Width
width:922,
// Height
height:600,
// Elevation
elevation: 50,
// Enable gradients
gradients: true,
// Auto center this flipbook
autoCenter: true
});
}
// Load the HTML4 version if there's not CSS transform
yepnope({
test : Modernizr.csstransforms,
yep: ['../../lib/turn.js'],
nope: ['../../lib/turn.html4.min.js'],
both: ['css/basic.css'],
complete: loadApp
});
</script>
<style>
.page{
width:400px;
height:300px;
background-color:white;
line-height:300px;
font-size:20px;
text-align:center;
}
</style>
<div class="flipbook">
{{#each myPost}}
<div class="page">
{{{text}}}
</div>
{{/each}}
</div>
{{/if}}
ユーザーが最初にテンプレートに遭遇したときにのみスクリプトが実行されたかのようにすべてが進んでいるように見えますが、2回目には起動しません。
いろいろ試してみたのですが、やっぱりハンドルバーのせいだと思いました {{#if}}
Ps : Chrome で 2 回目に読み込まれると、turn.js がスクリプトとして表示されません。