4

我正在使用 jQuery mobile 1.2 和 phonegap 开发一个应用程序。在 android 2.3 上测试它工作正常。在 android 4.0.4 上有一个恼人的页眉和页脚闪烁。它们在一页和另一页之间的转换过程中消失。

我试图预加载所有页面。

我设置

$.mobile.defaultPageTransition = 'none';
$.mobile.defaultDialogTransition = 'none';

我试过了

.ui-page {
    -webkit-backface-visibility: hidden;
}

.ui-mobile-viewport-transitioning,
.ui-mobile-viewport-transitioning .ui-page {
    overflow: visible;
}

还是有这个问题。正如我所说:在 android 2.3 上,相同的代码正在运行,即使我更改页面,我也看到标题好像已修复。

希望有人能够提供帮助。

提前致谢。

4

1 回答 1

1

我遇到了同样的问题,然后我通过在每个标题中添加data-id属性使标题在所有页面中“持久” 。

所以我有第 1 页到第 4 页,每个页面上都有标题,如果我向每个页面添加data-id="mainHeader"(mainHeader 可以是任何你想要的),这会使标题在包含该属性的所有页面中持久存在。它不应该在页面转换之间消失。*注意,data-id 标签也可以用在页脚中。

这是我的一个应用程序的标题:

<div data-role="header" data-position="fixed" data-theme="a" data-id="mainHeader">

更多信息:http: //jquerymobile.com/demos/1.2.0/docs/toolbars/footer-persist-a.html

于 2013-02-16T06:38:27.637 回答