Derniers tutoriels de développement web
 

jQuery pagehide Event

<JQuery Mobile Events

Exemple

Alerter un texte lorsque la page que nous sommes en transition loin from , est caché:

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

Définition et utilisation

L'événement pagehide est déclenché sur le "from" page après le début de l' animation de transition.

Événements connexes:

  • pagebeforehide - Déclenché sur le "from" page avant que 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("pagehide",function(event){...}) Try it

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

$("document").on("pagehide"," 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 pagehide.

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 pagehide 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
En utilisant la propriété nextPage pour retourner la page que nous sommes en transition à.


<JQuery Mobile Events