Question

我在touchgap上构建它并将其.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>

Answer 1

您可能需要在文档就绪事件后注册$（“＃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

我在phonegap上构建它并将其apk安装在bluestack上后，我的动画无效

1 个答案: