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

jQuery mobile + phonegap + android 4.0.4标题闪烁

1 个答案: