JQuery mobile 1.3.2: $ .mobile.loading funktioniert nicht mehr auf iOS

Question

Ich habe Probleme zu bekommen $.mobile.loading funktioniert einwandfrei ... Es funktionierte für eine lange Zeit gut, und seit ich mein iOS auf die aktualisiert habe letzte Version (9.x), es funktioniert teilweise. Ich meine, manchmal funktioniert es und es zeigt die Lade-Nachricht, aber die meiste Zeit zeigt es nichts. Ich betreibe iOS 9.1.3 und getestet sowohl auf Safari und Firefox iOS.

Ich habe auf einem alten iPhone 4S noch auf ios 6.x getestet und der Lader funktioniert gut!

Auch es funktioniert unter Android. Getestet auf meinem Computer, und es funktioniert auf Chrome und Firefox, aber nicht mit Safari.

Gibt es einen bekannten Fehler mit jQuery/jQuery Mobile auf der neuesten Version von Safari/iOS?

Hier ist mein Code:

function showLoadingPage() { 
    $('body').append("<div class='ui-loader-background' onClick='$.mobile.loading(\"hide\");'> </div>"); //Fond opaque lors du chargement 

    var $this = $(this), 
     //theme = $this.jqmData("theme") || $.mobile.loader.prototype.options.theme, 
     theme = "b", 
     //msgText = $this.jqmData("msgtext") || $.mobile.loader.prototype.options.text, 
     msgText = "Chargement ...", 
     //textVisible = $this.jqmData("textvisible") || $.mobile.loader.prototype.options.textVisible, 
     textVisible = true, 
     textonly = !!$this.jqmData("textonly"), 
     html = $this.jqmData("html") || ""; 
    $.mobile.loading('show', { 
      text: msgText, 
      textVisible: textVisible, 
      theme: theme, 
      textonly: textonly, 
      html: html 
    }); 
} 

$(document).on("click", ".show-page-loading-msg", function() { showLoadingPage(); }); 

Wenn ich auf einen Link klicken, deren Klasse ist show-page-loading-msg, es soll $.mobile.loading auszulösen.

Answer 1

Fügen Sie eine kleine Verzögerung hinzu, um den Loader beim Anzeigen zu unterstützen.

setTimeout(function() {  
    $.mobile.loading('show'); 
}, 10);