1

我是 phonegap 的新手Android。我已经用 phonegap 完成了我的应用程序jQuery Mobile，我的问题是，当将一个页面导航到另一个页面时，这个白屏显示，而不是显示加载程序。

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

4

5 回答 5

2

首先将您的 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
        });
于 2012-11-30T10:38:33.673 回答
0

假设您正确地 ajax 加载页面，您可能会遇到 jquery mobile 引入的错误/功能，因为某些设备在更好的转换方面存在问题。幸运的是，有一个简单的修复方法可用。

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

于 2012-11-27T14:14:24.093 回答
0

你用

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

？？？

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

于 2012-11-27T17:43:34.703 回答
0

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

于 2012-11-30T10:29:43.213 回答
0

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

于 2015-07-06T09:05:28.877 回答