为什么Turn.js只在流星应用程序中工作一次？

Question

我想在流星项目中集成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}}

似乎只是当用户第一次遇到模板时才执行脚本，但第二次不会再次启动脚本。

我尝试过很多东西，但我开始认为这是因为车把{{#if}}

P.s： 在第二次加载它时，它不会将turn.js显示为脚本：

Answer 1

我遇到了同样的问题。我认为小册子的宽度是在包含div达到其全宽之前计算出来的。我在渲染后设置了1秒的延迟，现在它似乎工作正常。

java -version

`