Html jQueryMobile页面导航上的转换闪烁

我正在使用PhoneGap+JqueryMobile开发一个HTML5应用程序。我的问题是，当我将用户重定向到另一个页面时（例如，当他点击链接或单击图像按钮时），我使用以下方法进行操作：

$.mobile.changePage("next-page.html");

问题是，当第二个页面加载时，在正确执行转换后，背景图像似乎“闪烁”——我看到背景，然后它闪烁为白色，然后我再次看到背景图像

然后，如果我转到主菜单并执行相同操作，“闪烁”问题不会再次发生，只是在网站第一次打开时

---

知道为什么会这样吗？谢谢

我认为您的问题是因为您在加载该页面上使用的所有图像之前到达了新页面

---

比如说。假设您的页面“next page.html”使用按钮上的图标（icon.png）。您在“next page.html”到达，半秒后icon.png加载完毕。当图标插入按钮时，屏幕将闪烁。

我也有同样的问题。我在那页上找到了更多的图片。几个答案显示了一个CSS解决方案，它对我来说不起作用。相反，我使用了这种方法：

---

根据jQuery Mobile主题，这是Android 2.x平台上的一个性能问题，因此我关闭了动画转换（详细信息见上面的链接）。

我遇到了这个问题，并使用以下方法解决了这个问题：

div
{
backface-visibility:hidden;
-webkit-backface-visibility:hidden; /* Chrome and Safari */
-moz-backface-visibility:hidden; /* Firefox */
}

这是我的工作

在jqmobile js文件中删除此项：

meta.attr( "content", disabledZoom );

。。。以及：

meta.attr( "content", enabledZoom );

---

在我的例子中，这是由于页眉和页脚中的data position=“fixed”导致的，一旦我删除这些，闪烁消失

---

您可以使用一个简单的css类来执行固定标题，它可以在不破坏转换的情况下工作

今天，我在使用JQuery Mobile 1.4.3时遇到了一个类似的问题，当我按下F5按钮时，或者当我打开一个没有ajax的页面时，会出现恼人的闪烁。一切都消失了，然后又出现了

如果您有相同的问题，只需从jquery.mobile.CSS中删除此CSS：

/*Fouc*/
.ui移动渲染>*{
可见性：隐藏；
}

你在哪个平台上看到这个？我已经问过同样的问题，没有回答我在androidOn Android上的问题。这个闪烁（如果我理解描述正确的话）是jQM的一个已知问题。他们试图修复它，但到目前为止还没有成功（你可以在jQM博客上的这篇文章中阅读更多关于原因的内容：）尝试jQM的最新版本，现在是v1.0 RC1解决方案：我遇到了这个问题，但是对我来说，屏幕不会闪烁，而是在加载图像时永久变白。页眉和页脚仍然可见，但页面的其余部分为白色。我一触到白色页面，它就会重新绘制其中的内容。你知道如何解决这个问题吗？我应该提到，只有当我删除应用程序的缓存时才会发生这种情况，这可能是因为在缓存内容之前加载了图像