jQuery mobile + phonegap +android 4.0.4 header 闪烁

Question

我正在使用 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 上，相同的代码正在运行，即使我更改页面，我也看到标题好像已修复。

希望有人能提供帮助。

提前致谢。

Answer 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