0

phonegap でビルドし、その .apk を bluestack にインストールした後、フリップ アニメーションが機能しません。何が問題なのか教えてもらえますか?

index.html:

<!doctype html>
<head>
<title>The page flip effect in HTML5</title>
<script type="text/javascript" src="js/turn.min.js"></script>
<script type="text/javascript" src="js/cordova.js"></script>
</head>
<body>

<center>
<div id="flipbook">
    <div style="background:#ff0000;" class="hard"> Turn.js </div>
    <div  style="background:#0000FF;" class="hard"></div>
    <div  style="background:#ff0000;"> Page 1 </div>
    <div style="background:#0000FF;"> Page 2 </div>
    <div style="background:#ff0000;"> Page 3 </div>
    <div style="background:#0000FF;"> Page 4 </div>
    <div style="background:#ff0000;" class="hard"></div>
    <div style="background:#0000FF;" class="hard"></div>
</div>
<script type="text/javascript">
    $("#flipbook").turn({
        width: 600,
        height: '100%',
        autoCenter: true
    });

</script>
</body>
</html>
4

1 に答える 1

0

ドキュメント準備完了イベントの後に $("#flipbook") イベントを登録する必要がある場合があります。すなわち）

$(function(){
    $("#flipbook").turn({
        width: 600,
        height: '100%',
        autoCenter: true
    });
});

コンパイルされた .apk ファイルがブラウザーで発生するものと同じように機能しないことに気付いているので、試してみる価値があります。たとえば、私は jQuery アニメーションを実行し、アニメーションの後に呼び出した JavaScript コードは実行されません (アプリをビルドした後にのみ発生します)。

したがって、上記の提案が機能しない場合は、「deviceready」イベント内にコードを追加してみます (phonegap のコンパイル済みコードを使用する場合にのみ発生します)。 http://docs.phonegap.com/en/1.0.0/phonegap_events_events.md.html

于 2014-10-02T17:08:06.883 に答える