Question

我是Android手机屏幕的新手。我已经使用phonegap和jQuery Mobile完成了我的应用程序，我的问题是当在显示的白色屏幕之间导航一个页面到另一个页面时，不显示加载程序。

我想首先在页面导航中首先加载java脚本以及如何在页面导航之间删除白屏。

Answer 1

首先设置你的jQuery选项：$ .defaultPageTransition：'none'，然后你应该按照下面的方法在导航栏中设置链接：

<div data-role="navbar" data-theme="a"  data-grid="c">
<ul data-transition="none" >
<li><a data-transition="none" href="#" class="ui-btn-active ui-state-persist" id="Page1"  data-icon="custom">Page1</a></li>
<li><a data-transition="none"  href="#Page2"   id="Page2" data-icon="custom">Page2</a></li>
<li><a data-transition="none"  href="#Page3"   id="Page3" data-icon="custom">Page3</a></li>
<li><a data-transition="none"  href="#Page4"   id="Page4" data-icon="custom">Page4</a></li>
</ul>
</div>

或者您可以按照以下方式使用changepage方法：

        $.mobile.changePage("#pageid", {
            transition: "none",
            reverse: true,
            changeHash: true
        });

Answer 2

假设你是正确的ajax加载页面，你可能会遇到jquery mobile中的bug /功能，因为有些设备在更好的转换时遇到了麻烦。幸运的是，有一个简单的解决方案。

https://github.com/watusi/jquery.mobile.simultaneous-transitions

Answer 3

您使用

$.mobile.changePage('#yourPage', "slide");

???

如果未解决，请参阅http://jquerymobile.com/demos/1.2.0/docs/pages/loader.html

Answer 4

最新使用phonegap。使用corodova-2.2.0。它也应该是$ .defaultPageTransition：'none'

Answer 5

将脚本部分从HEAD标记更改为BODY标记

如何删除页面导航android与phonegap之间的白屏

5 个答案: