Exemple
Alerter un texte lorsque la page a été créée, mais avant la mise en valeur est complète:
$(document).on("pagecreate",function(){
alert("pagecreate
event fired!")
}); Essayez - le vous - même » Définition et utilisation
L'événement pagecreate est déclenchée lorsque la page a été créée dans les DOM (via ajax ou autre), mais avant jQuery Mobile a terminé l'amélioration de la page.
Utilisez cet événement au lieu du jQuery DOM ready() méthode pour placer tous les autres événements et fonctions jQuery, car il ne fonctionnera si la page est chargée directement ou par l'appel AJAX d' une autre page . Remarque: Avant la version 1.4, nous avons utilisé le pageinit événement (dépréciée) pour gérer cela.
Remarque: Cet événement ne se déclenche une fois par "page" - Chaque fois qu'une page est chargée pour la première fois, jQuery Mobile met en cache les pages dans la (mémoire) DOM, de sorte que lorsque vous naviguez de retour de pagetwo à PageOne (par exemple), cette événement ne se déclenche pas, car alors, PageOne est déjà initialisé.
Astuce: Cet événement est également utile pour l' utilisateur de qui veulent créer leur propre amélioration de widget personnalisé:
$(document).on("pagecreate","#pagetwo",function(event){
$.(":jqmData(role='my-plugin')").myPlugin();
});Événements connexes:
- pagebeforecreate - déclenché lorsque la page est sur le point d'être initialisé, mais avant la mise en valeur a commencé
Syntaxe
Pour déclencher l'événement pour toutes les pages jQuery Mobile:
$("document").on("pagecreate",function(event){...})
Try it
Pour déclencher l'événement pour une page spécifique:
$("document").on("pagecreate"," page ",function(event){...})
Try it
| Paramètre | La description |
|---|---|
| function(event) | Obligatoire. Indique la fonction à exécuter lorsque l'événement se produit pagecreate La fonction a un objet d'événement en option, qui peut contenir des propriétés de l' événement jQuery (par exemple event.target, event.type , etc.) Voir jQuery Events Référence pour plus d' informations. |
| page | Optionnel. Points à l'id de la page pour spécifier l'événement pagecreate pour. Pour les pages internes, utilisez #id . Pour les pages externes, utilisez externalfile.html . |
Essayez-le vous-même - Exemples
Une démonstration de pagebeforecreate et pagecreate
Une démonstration qui montre quand pagebeforecreate et pagecreate feu.
L'objet événement
Utilisation de la propriété event.type pour retourner le type d'événement déclenché.