Exemple
Alerter un texte lorsque la page que nous sommes en transition vers, est montré:
$(document).on("pageshow","#pagetwo",function(){
alert("pageshow
event fired - pagetwo is now shown");
}); Essayez - le vous - même » Définition et utilisation
L'événement pageshow est déclenchée sur le "to" la page, après l'animation de transition est terminée.
Événements connexes:
- pagebeforeshow - Déclenché sur le "to" la page, avant le début de l' animation de transition
- pagebeforehide - Déclenché sur le "from" page avant le début de l' animation de transition
- pagehide - Déclenché sur le "from" page après l'animation de transition complète
Remarque: Cet événement est déclenché chaque fois qu'une transition de page commence / arrête.
Syntaxe
Pour déclencher l'événement pour toutes les pages jQuery Mobile:
$("document").on("pageshow",function(event){...})
Try it
Pour déclencher l'événement pour une page spécifique:
$("document").on("pageshow"," page ",function(event,data){...})
Try it
| Paramètre | La description |
|---|---|
| function(event,data) | Obligatoire. Indique la fonction à exécuter lorsque l'événement se produit pageshow. La fonction a deux paramètres optionnels:
|
| page | Optionnel. Points à l'id de la page pour spécifier l'événement pageshow pour. Pour les pages internes, utilisez #id . Pour les pages externes, utilisez externalfile.html . |
Essayez-le vous-même - Exemples
Une démonstration d'événements connexes
Une démonstration qui montre quand pagebeforeshow, pageshow, pagebeforehide et pagehide feu.
L'objet événement
Utilisation de la propriété event.type pour retourner le type d'événement déclenché.
L'objet de données
En utilisant la propriété PrevPage pour retourner la page que nous sommes en transition loin de.