Exemple
Alerter un texte lorsque la page que nous sommes en transition vers, est sur le point d'être montré:
$(document).on("pagebeforeshow","#pagetwo",function(){
alert("pagebeforeshow
event fired - pagetwo is about to be shown");
}); Essayez - le vous - même » Définition et utilisation
L'événement pagebeforeshow est déclenchée sur le "to" la page, avant que l'animation de transition commence.
Événements connexes:
- pageshow - Déclenché sur le "to" la page, après l'animation de transition complète
- 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("pagebeforeshow",function(event){...})
Try it
Pour déclencher l'événement pour une page spécifique:
$("document").on("pagebeforeshow"," 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 pagebeforeshow. La fonction a deux paramètres optionnels:
|
| page | Optionnel. Points à l'id de la page pour spécifier l'événement pagebeforeshow 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.