PhoneGap + jQuery Mobile nerviges Blink zwischen Übergängen - javascript, jquery, ios, jquery-mobile, cordova

Ich hoffe du bist ok.

Die Sache ist also, ich schreibe eine PhoneGap-App mit jQuery Mobile.

Die jQuery Mobile-Version lautet: jquery.mobile-1.4.0.

Ich verwende verschiedene Methoden, um Übergänge zwischen den Ansichten in derselben Datei und nicht in separaten HTML-Dateien vorzunehmen:

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

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

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

... und so.

Das aktuelle Viewport-Meta-Tag lautet:

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

Bisher war ich nicht in der Lage, diese Unterbrechung zwischen den Übergängen zu beseitigen.

In Bezug auf die Methoden zum Wechseln zwischen Ansichten habe ich verschiedene Methoden ausprobiert, bei allen sehe ich jedoch dasselbe Blinken:

$.mobile.changePage("#termsAndConditions", {transition: "slide", reverse: false});

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

Haben Sie einen Vorschlag, wie ich das lösen könnte?

Es passiert in iPhone mit iOS 7, iPad mit iOS 7, noch nicht in Android getestet.

Vielen Dank im Voraus für die Hilfe.

Antworten:

Verwenden Sie Overlay, das beim Übergang nicht ausgeblendet wird

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