Eine kurze Analyse der Initialisierungsereignisse_jquery von jQuery Mobile

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 die Ausführung von Jquery Mobile beginnt, wird das mobileinit-Ereignis für das Dokumentobjekt ausgelöst. Da das mobileinit-Ereignis unmittelbar nach dem Laden ausgelöst wird, müssen Sie Ihren Ereignishandler binden, bevor Jquery Mobile geladen wird. Ich empfehle daher, Ihre js-Referenz zu arrangieren Bestellen Sie wie folgt

<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 Methode $.extend des Objekts $.mobile verwenden, um die Standardparameterwerte zu konfigurieren:

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

Oder individuell einstellen.

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

Das $.mobile-Objekt ist der Ausgangspunkt zum Festlegen aller Eigenschaften

<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>