Pourquoi dois-je inclure JavaScript dans index.html pour les applications jQuery Mobile ?

Pourquoi JavaScript doit être inclus dans index.html pour les applications mobiles jQuery

Lors de l'utilisation de jQuery Mobile dans des projets Phonegap, il est essentiel de incluez tous les scripts de page dans le fichier index.html. L'omission de cette étape entraîne l'incapacité des pages de redirection à exécuter les fonctions définies dans leur en-tête en raison du mécanisme de chargement de page basé sur ajax de jQuery Mobile.

comportement de chargement des pages jQuery Mobile

jQuery Mobile utilise ajax pour charger les pages suivantes, en incorporant uniquement leur contenu BODY dans le DOM. Cela signifie que seul le premier div avec l'attribut data-role="page" est chargé, ignorant le contenu restant du BODY. Par conséquent, les scripts placés en dehors du div data-role="page" dans les pages enfants ne seront pas exécutés.

Solution 1 : Script dans la page BODY

Une solution rapide mais peu esthétique consiste à inclure des scripts dans le CORPS des pages suivantes, comme illustré :

<div data-role=&quot;page&quot;>
    // HTML content
    <script>
        // JavaScript code
    </script>
</div>

Solution 2 : JavaScript consolidé dans index.html

Une solution plus efficace consiste à consolider tout le JavaScript dans un seul fichier inclus dans le HEAD du fichier index.html et initialisé après le chargement de jQuery Mobile :

<script src=&quot;index.js&quot;></script> // JavaScript file

Solution 3 : rel="external"

Éviter d'utiliser rel="external" pour la liaison de pages, car il désactive le chargement ajax et empêche Phonegap de fonctionner correctement en tant qu'application native.

Solution réaliste

Pour une solution stable et une base de code bien structurée, nous vous recommandons d'utiliser la solution 2 et d'inclure le fichier index.js dans le HEAD de toutes les autres pages. Cela évite les échecs d'initialisation du script causés par des erreurs potentielles du DOM et des plantages d'applications.

Conclusion

Comprendre le mécanisme de chargement des pages de jQuery Mobile est crucial pour un développement efficace et sans erreur. Applications PhoneGap. En mettant en œuvre la solution réaliste décrite ci-dessus, les développeurs peuvent garantir que les scripts sont exécutés correctement et éviter les plantages inattendus.

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!