jQuery Mobile : quand utiliser `$(document).ready()` par rapport aux événements de page ?

jQuery Mobile : $(document).ready() vs événements de page

Comprendre les différences

Dans jQuery Mobile, les événements de page sont déclenchés lors d'étapes spécifiques de l'exécution de la page, résolvant les problèmes qui peuvent survenir lors de l'utilisation de $(document).ready() pour manipulation de page.

Événements de page

• pageinit : Déclenché lorsqu'une page est sur le point d'être chargée et affichée pour la première fois. Se déclenche une seule fois par page.
• pagebeforeshow : Déclenché avant la transition d'une page.
• pageshow : Déclenché après la transition d'une page vers .

Avantages de l'utilisation de la page Événements

• Garantit que le code s'exécute uniquement lorsqu'une page est réellement chargée, évitant ainsi les problèmes de chargement des pages Ajax.
• Fournit plus de contrôle sur l'exécution du code à des moments spécifiques lors des transitions de page .

Ordre d'exécution d'événement de page pendant Transitions

Lors du passage d'une page à une autre :

1. Page B : pagebeforecreate
2. Page B : pagecreate
3. Page B : pageinit
4. Page A : pagebeforehide
5. Page A : pageremove
6. Page A : pagehide
7. Page B : pagebeforeshow
8. Page B : pageshow

Envoi de données entre pages

Pour envoyer des données d'une page à un autre :

• Utilisez changePage() avec dataUrl ou les options de données.
• Récupérez les données de l'URL de la page à l'aide de $(this).data("url").

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

Pour empêcher plusieurs liaisons d'événements sur le même element :

• Utilisez pageinit pour lier les événements une seule fois.
• Supprimez l'événement avant de le lier à nouveau à l'aide de .off().
• Utilisez des filtres d'événements pour empêcher la propagation des événements .

Conclusion

Comprendre le Les différences entre $(document).ready() et les événements de page dans jQuery Mobile permettent d'éviter les problèmes potentiels et offrent un meilleur contrôle sur la manipulation des pages et la gestion des données lors des transitions de page.

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!