PhoneGap + jQuery Mobile 在转换之间烦人的闪烁



我希望你没事。

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

jQuery Mobile 版本是:jquery.mobile-1.4.0。

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

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

。等等。

当前视口元标记是这个:

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, target-densitydpi=device-dpi" />

到目前为止,我还没有能够消除过渡之间的眨眼。

关于在视图之间切换的方法,我已经尝试了几种方法,但在所有这些方法中我都得到了相同的眨眼:

$.mobile.changePage("#termsAndConditions", {transition: "slide", reverse: false});
$.mobile.pageContainer.pagecontainer("change", "#termsAndConditions", {transition: "flow", reload: true});

你对我该如何解决这个问题有什么疑问吗?

它发生在装有iOS 7的iPhone,装有iOS 7的iPad中,尚未在Android中进行测试。

提前感谢您的帮助。

使用叠加,过渡时不隐藏

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

最新更新