0

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 がスクリプトとして表示されません。

ここに画像の説明を入力

4

1 に答える 1