Verwendung des jQuery Mobile-Initialisierungsereignisses (ausführliche Fallerklärung)

Dieses Mal werde ich Ihnen die Verwendung des jQuery Mobile-Initialisierungsereignisses vorstellen (ausführliche Fallerklärung). Was sind die Vorsichtsmaßnahmen bei der Verwendung des jQuery Mobile-Initialisierungsereignisses? .

jQuery Mobile enthält ein Initialisierungsereignis, das bereits vor dem document.ready-Ereignis von jQuery geladen wird. jQuery Mobile löst sein Initialisierungsereignis tatsächlich auf dem Dokumentobjekt selbst aus, und das erste ausgelöste Ereignis ist mobileinit.

Wenn Jquery Mobile mit der Ausführung beginnt, löst es das mobileinit-Ereignis für das Dokumentobjekt aus. Da das mobileinit-Ereignis unmittelbar nach dem Laden ausgelöst wird, müssen Sie Ihr -Ereignis binden, bevor Jquery Mobile das -Funktion, daher schlage ich vor, dass Sie Ihre js-Referenzreihenfolge wie folgt anordnen:

<script src="Jquery.js"></script>
<script src="您自己的js文件"></script>
<script src="Jquery-mobile.js"></script>

Um das mobileinit-Ereignis zu erweitern, müssen Sie es zunächst mit einer

benutzerdefinierten Funktion binden. Das mobileinit-Ereignis kann mithilfe der Bindungsmethode erweitert werden, um die Standardkonfiguration (globale Optionen) zu überschreiben.

$(document).bind("mobileinit", function(){
//覆盖的代码
});

Innerhalb der Funktion, die das Ereignis bindet, können Sie die $.extend-Methode des $.mobile-Objekts verwenden, um den Standardparameterwert zu konfigurieren:

$(document).bind("mobileinit", function(){
　$.extend( $.mobile , {
　foo: bar
　});
});

oder ihn separat festzulegen.

$(document).bind("mobileinit", function(){
　$.mobile.foo = bar;
});

$.mobile-Objekt ist der Ausgangspunkt für die Festlegung aller Attribute

<script type="text/java script" src="/scripts/jquery-1.6.min.js"></script>
<script type="text/java script">
$(document).bind("mobileinit", function(){
$.mobile.defaultTransition = "slidedown";
$.mobile.ajaxLinksEnabled = false; // 禁用Ajax提交
$.mobile.ajaxFormsEnabled = false; // 禁用Ajax提交
$.mobile.ajaxEnabled = false; //禁用Ajax提交
});
</script>
<script type="text/java script" src="/scripts/mobile/jquery.mobile-1.0b1.min.js"></script>

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie hier Weitere verwandte Artikel auf der chinesischen PHP-Website!

Empfohlene Lektüre:

So verwenden Sie Formularkomponenten im Mobile-Framework

Was sind die Unterschiede zwischen jQuery Mobile und Kendo UI

Detaillierte Erläuterung der Schritte zur Implementierung des domänenübergreifenden asynchronen Datei-Uploads mit Jquery

Das obige ist der detaillierte Inhalt vonVerwendung des jQuery Mobile-Initialisierungsereignisses (ausführliche Fallerklärung). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!