Une brève analyse de l'initialisation de jQuery Mobile events_jquery

jQuery Mobile inclut un événement d'initialisation qui se charge avant même l'événement document.ready de jQuery. jQuery Mobile déclenche en fait son événement d'initialisation sur l'objet document lui-même, et le premier événement déclenché est mobileinit.

Lorsque Jquery Mobile commence à s'exécuter, il déclenchera l'événement mobileinit sur l'objet document. Étant donné que l'événement mobileinit est déclenché immédiatement après le chargement, vous devez lier votre gestionnaire d'événements avant le chargement de Jquery Mobile, je vous recommande donc d'organiser votre référence js. commandez comme suit

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

Pour étendre l'événement mobileinit, vous devez d'abord le lier avec une fonction personnalisée. L'événement mobileinit peut être étendu à l'aide de la méthode bind pour remplacer la configuration par défaut (options globales).

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

Dans la fonction qui lie l'événement, vous pouvez utiliser la méthode $.extend de l'objet $.mobile pour configurer les valeurs des paramètres par défaut :

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

Ou réglez-le individuellement.

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

L'objet $.mobile est le point de départ pour définir toutes les propriétés

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