jQueryMobile页面导航上的转换闪烁 [英] Transitions blink on jQueryMobile pages navigation

问题描述

我正在使用PhoneGap + JqueryMobile开发HTML5应用程式。我的问题是当我将用户重定向到另一个页面（例如，当他点击链接，或点击图像按钮），我使用：

  $。mobile.changePage（next-page.html）;问题是，当第二页加载时，在转换正确执行后，背景图像似乎闪烁 - 我看到背景，然后它闪烁为白色，然后我再次看到背景图像。
 
 
 
如果然后我去主菜单和做同样的，眨眼的问题不会再次发生，只是第一次网站被打开。
 
 
 
任何想法为什么会发生这种情况？谢谢！
解决方案
我有同样的问题。我在该页上获取了其他图片。几个答案显示一个CSS解决方案，不适合我。相反，我使用这种方法：在页面之间导航时闪烁 
 
 
 
根据jQuery Mobile主题，这是Android 2.x平台上的性能问题，因此我关闭了动画过渡（上面的链接中的详细信息）。
 
I'm developing an HTML5 app using PhoneGap + JqueryMobile. My problem is when I redirect the user to another page (for example, when he hits a link, or clicks an image button), I do it using:
$.mobile.changePage("next-page.html");
The problem is that when the second page loads, after the transition has been executed correctly, the background image seems to "blink" -I see the background, then it blinks to white, and then I see the background image again.

If then I go to the main menu and do the same, the "blink" problem does not happen again, just the first time the website is opened.

Any idea why this happens? Thanks!
解决方案
I had the same issue. And I did fetch additional images on that page. Several answers show an CSS solution which didn't work for me. Instead I used this approach: Flickering when navigating between pages

According to the jQuery Mobile theme this is an performance issue on the Android 2.x platform, so I turned off the animated transitions (details in the link above).

                        
这篇关于jQueryMobile页面导航上的转换闪烁的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！