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

Question

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

我在页面之间使用"淡入淡出"过渡(因为我读到它们要求不高).

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

我在Sarah-Jane对类似问题的回答中提出了建议.

这解决了模拟器中的问题,但在实际设备上没有.

有谁遇到过这个问题,并找到了解决方案？

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