为什么在我的iOS的jQuery Mobile PhoneGap应用程序中转换后页面闪烁/闪烁？

我有一个使用PhoneGap转换为iOS应用程序的jQuery Mobile应用程序。 我正在使用jQM的1.1.0版本。

我正在使用页面之间的淡入淡出（因为我读他们要求不高）。

当最初在iPhone模拟器上运行该应用的PhoneGap版本时，每次页面转换后都会出现闪烁/闪烁 – 就好像该页面正在显示，清除然后重新显示一样 – 所有的时间都是几分之一秒。 当我在设备上运行时发生了一些事情。

我在萨拉 – 简的回答中应用了类似的问题 。

这解决了模拟器中的问题，但不是在实际的设备上。

有没有人遇到过这个问题，并find解决办法？

Answer 1

这个人解决了这个问题 – 它对我有用：

http://outof.me/fixing-flickers-jumps-of-jquery-mobile-transitions-in-phonegap-apps/

CSS：

body { /* Setting body margins to 0 to have proper positioning of #container div */ margin: 0; } /* #container div with absolute position and 100% width and height so it takes up whole window */ #container { position: absolute; width: 100%; height: 100%; } 

JS：

 $(document).one("mobileinit", function () { // Setting #container div as a jqm pageContainer $.mobile.pageContainer = $('#container'); // Setting default page transition to slide $.mobile.defaultPageTransition = 'slide'; }); 

并将所有jQM页面包装在一个<div id="container">

Answer 2

淡入淡出主要是你应该改变它滑动或其他转换模式。

Answer 3

这可能有帮助

 <meta name="viewport" content="width=device-width, user-scalable=no" /> 

Answer 4

使用下面的代码

 $(document).ready(function() { $.mobile.defaultPageTransition = "none" $.mobile.defaultDialogTransition = 'none'; $.mobile.useFastClick = true; $.mobile.touchOverflowEnabled = true; });