jQuery移动端 + PhoneGap + Android 4.0.4标题闪烁问题

Question

jQuery移动端 + PhoneGap + Android 4.0.4标题闪烁问题

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上，相同的代码可以工作，并且即使我换页，我也可以看到标题就像它是固定的。

希望有人能够帮助。

提前致谢。

- Ciack404

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Red2678 · Accepted Answer

我遇到了同样的问题，后来我通过在每个标题中添加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