转换在jQueryMobile页面导航上闪烁

时间:2011-10-06 08:35:23

标签: html5 jquery-mobile cordova

我正在使用PhoneGap + JqueryMobile开发HTML5应用。我的问题是当我将用户重定向到另一个页面时(例如,当他点击链接或点击图像按钮时),我使用:

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

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

如果那时我转到主菜单并执行相同操作,则只会在第一次打开网站时再次发生“闪烁”问题。

知道为什么会这样吗?谢谢!

6 个答案:

答案 0 :(得分:2)

我遇到了这个问题,并解决了这个问题:

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

答案 1 :(得分:1)

我认为您的问题是由于您在该页面上使用的所有图片都已加载之前到达新页面而引起的。

例如。假设您的页面“next-page.html”使用按钮上的图标(icon.png)。你到达“next-page.html”,半秒后icon.png已经完成加载。当图标插入按钮时,屏幕将闪烁。

答案 2 :(得分:1)

我有同样的问题。我确实在该页面上获取了其他图像。几个答案显示了一个对我不起作用的CSS解决方案。相反,我使用了这种方法:Flickering when navigating between pages

根据jQuery Mobile主题,这是Android 2.x平台上的性能问题,因此我关闭了动画过渡(上面链接中的详细信息)。

答案 3 :(得分:0)

这项工作对我来说..

https://github.com/jquery/jquery-mobile/issues/5431

在jqmobile js文件中删除它:

meta.attr( "content", disabledZoom );

......和:

meta.attr( "content", enabledZoom );

答案 4 :(得分:0)

在我的情况下,这是由于页眉和页脚中的data-position =“fixed”引起的,一旦我删除了这些闪烁消失了。

你可以用一个简单的css类来执行固定的标题,它可以在不搞乱过渡的情况下工作

答案 5 :(得分:-1)

今天,当我按 F5 按钮或者打开没有ajax的页面时,使用JQuery Mobile 1.4.3时会出现类似的问题。一切都消失了,然后出现了。

如果您遇到同样的问题,只需从jquery.mobile.css中删除此CSS:

/* Fouc */
.ui-mobile-rendering > * {
     visibility: hidden;
}
相关问题