Javascript PhoneGap+;jQuery移动设备在转换之间令人讨厌的闪烁

Javascript PhoneGap+;jQuery移动设备在转换之间令人讨厌的闪烁,javascript,jquery,ios,jquery-mobile,cordova,Javascript,Jquery,Ios,Jquery Mobile,Cordova,我希望你没事 所以,问题是,我正在使用jQuery Mobile编写一个PhoneGap应用程序 jQuery移动版是:jQuery.Mobile-1.4.0 我使用几种方法在位于同一文件中的视图之间进行转换,而不是在单独的html文件上,如下所示: <div data-role="page" id="preload"> <div data-role="page" id="noConnection"> <div data-role="page" id="intr

我希望你没事

所以,问题是,我正在使用jQuery Mobile编写一个PhoneGap应用程序

jQuery移动版是:jQuery.Mobile-1.4.0

我使用几种方法在位于同一文件中的视图之间进行转换,而不是在单独的html文件上,如下所示:

<div data-role="page" id="preload">

<div data-role="page" id="noConnection">

<div data-role="page" id="intro">
你对我如何解决这个问题有什么建议吗

它发生在配备iOS 7的iPhone、配备iOS 7的iPad上,但尚未在Android上测试


提前感谢您的帮助。

使用覆盖,而不是在转换时隐藏

.ui-mobile-viewport-transitioning .ui-page {
    overflow-y: overlay;
}

看看这个嘿,罗布,谢谢你的主意,但是不起作用。你有其他想法吗?你有没有尝试过关于webkit背面可见性的CSS?我尝试过这个:ui页面{-webkit背面可见性:隐藏;}。。。结果是负面的……希望这是你评论中的一个输入错误,但它应该是
.ui页面
,在ui页面前面有一个点(.)
$.mobile.changePage("#termsAndConditions", {transition: "slide", reverse: false});

$.mobile.pageContainer.pagecontainer("change", "#termsAndConditions", {transition: "flow", reload: true});
.ui-mobile-viewport-transitioning .ui-page {
    overflow-y: overlay;
}