0

我在phonegap上构建它并在bluestack上安装它的.apk后，我的翻转动画不起作用，谁能告诉我有什么问题？

索引.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") 事件。IE）

$(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 回答