Derniers tutoriels de développement web
 

jQuery pagebeforehide Event

<JQuery Mobile Events

Exemple

Alerter un texte lorsque la page que nous sommes en transition loin de, est sur le point d'être caché:

$(document).on("pagebeforehide","#pagetwo",function(){
  alert("pagebeforehide event fired - pagetwo is about to be hidden");
});
Essayez - le vous - même »

Définition et utilisation

L'événement pagebeforehide est déclenché sur le "from" page avant le début de l' animation de transition.

Événements connexes:

  • pagehide - Déclenché sur le "from" page après l'animation de transition complète
  • pagebeforeshow - Déclenché sur le "to" la page, avant que l'animation de transition complète
  • pageshow - Déclenché sur le "to" la 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("pagebeforehide",function(event){...}) Try it

Pour déclencher l'événement pour une page spécifique:

$("document").on("pagebeforehide"," page ",function(event){...}) Try it

Paramètre La description
function(event,data) Obligatoire. Indique la fonction à exécuter lorsque l'événement se produit pagebeforehide.

La fonction a deux paramètres optionnels:

  • L'objet de l' événement - qui peut contenir toutes les propriétés de l' événement jQuery (par exemple event.target, event.type, etc.) Voir jQuery Events Reference pour plus d' informations
  • L'objet de données - contient une propriété, le nextPage, qui renvoie la page que nous sommes en transition à
page Optionnel. Points à l'id de la page pour spécifier l'événement pagebeforehide 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
En utilisant la propriété event.timeStamp.

L'objet de données
Utilisation de la nextPage propriété pour retourner la page que nous sommes en transition à.


<JQuery Mobile Events