jQuery Mobile : quand dois-je utiliser `pageinit` sur `$(document).ready()` ?

jQuery Mobile : Document Ready vs. Page Events

Comprendre la différence

jQuery Mobile a introduit les événements de page pour résoudre une limitation de $(document) .ready(), qui peut se déclencher avant le chargement des pages mobiles et entraîner des problèmes. Les événements de page, tels que pageinit, offrent un moyen plus précis d'exécuter du code lié à des pages spécifiques.

Ordre des événements de page

Lors de la transition d'une page à une autre, l'ordre des événements de page est :

1. Décharger Événements

   • pagebeforeunload
   • pageunload
   • pageremove

2. Charger Événements

   • pagebeforecreate
   • pagecreate
   • pageinit

3. Afficher/Masquer Événements

   • pagebeforeshow
   • pageshow
   • pagebeforehide
   • pagehide

Passage de données

Pour envoyer des données entre les pages, utilisez le propriété data ou url de la fonction $.mobile.changePage(). Pour accéder aux données sur la page de réception, utilisez les méthodes $(this).data() ou $(this).attr("data-url").

Code Organisation

Pour meilleure organisation du code, il est recommandé de conserver le code d'initialisation de la page séparé dans un fichier JavaScript. Pour les paramètres globaux, utilisez l'événement mobileinit.

Prévention des transitions de page

Pour empêcher les transitions de page en fonction de certaines conditions, utilisez l'événement pagebeforechange et la méthode e.preventDefault().

Prévention de plusieurs liaisons d'événements

Pour empêcher plusieurs liaisons d'événements, utilisez pageinit pour la gestion des événements ou supprimez l'événement gestionnaires avant de les relier.

Page Times

Les transitions de page impliquent le chargement, l'amélioration (le style) et l'exécution de transitions. Le temps d'exécution moyen d'une transition est d'environ 670 millisecondes.

Manipulation des données entre les pages

Voici quelques méthodes pour manipuler les données entre les pages :

• Méthode 1 : Utilisez dataUrl ou les paramètres de données avec $.mobile.changePage().
• Méthode 2 : Utilisez un plugin jQuery comme Multiple Popups de John Bale.
• Méthode 3 : Stockez les données dans l'objet $(document) en utilisant $(document).data().

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!