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

Question

我有一个 jQuery Mobile 应用程序，我已使用 PhoneGap 将其转换为 iOS 应用程序。我使用的是 1.1.0 版的 jQM。

我在页面之间使用“淡入淡出”过渡(据我所知，它们要求不高)。

最初在 iPhone 模拟器中运行 PhoneGap 版本的应用程序时，我在每次页面转换后都会出现闪烁/闪光 - 就好像页面正在显示、清除然后重新显示一样 - 所有这一切都只需要几分之一秒。当我在设备上运行它时发生了一些事情。

我应用了 Sarah-Jane 对 similar question 的回答中的建议.

这解决了模拟器中的问题，但没有解决实际设备上的问题。

有没有人遇到过这个问题，并找到了解决方案？

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"> 中