Utilisation de l'événement d'initialisation jQuery Mobile (explication détaillée du cas)

Cette fois, je vais vous présenter l'utilisation de l'événement d'initialisation jQuery Mobile (explication détaillée du cas). Quelles sont les précautions lors de l'utilisation de l'événement d'initialisation jQuery Mobile. Ce qui suit est un cas pratique, jetons un coup d'œil. .

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 événement avant le chargement de Jquery Mobile. 🎜> fonction, je vous suggère donc d'organiser votre ordre de référence js 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 la valeur du paramètre par défaut :

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

ou la définir individuellement.

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

L'objet $.mobile est le point de départ pour définir tous les attributs

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

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres sujets connexes dans l'article du site Web PHP chinois !

Lecture recommandée :

Comment utiliser les composants de formulaire dans le framework Mobile

Quelles sont les différences entre jQuery Mobile et Kendo UI

Explication détaillée des étapes de mise en œuvre du téléchargement de fichiers asynchrone inter-domaines avec Jquery

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!