android - jQuery mobile + phonegap +android 4.0.4 标题闪烁

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 标签也可以用在页脚中。

这是我的一个应用程序的 header :

<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