jQuery Mobile pagebeforeshowÉvénements

jQuery Mobile 事件jQuery Mobile Événements

Exemples

Avant que la page ne soit affichée après la transition de page, afficher une boîte de message texte :

$(document).on("pagebeforeshow","#pagetwo",function(){
alert("événement pagebeforeshow déclenché - La page 2 est sur le point d'être affichée");
});

Essayez-le vous-même »

Définition et utilisation

pagebeforeshow est un événement déclenché avant que la page ne soit affichée après une transition de page.

Événements associés :

  • pageshow- L'événement déclenché après que la page est affichée après la transition de page.
  • pagebeforehide- L'événement déclenché avant que l'ancienne page ne soit masquée après la transition de page.
  • pagehide- L'événement déclenché après que l'ancienne page est masquée après la transition de page.

Remarque :Cet événement est déclenché au début/à la fin de chaque transition de page.

Syntaxe

Pour déclencher l'événement pour toutes les pages dans jQuery Mobile :

$("document").on("pagebeforeshow",function(event){...}) Essayez-le vous-même

Déclenchez l'événement pour une page spécifiée :

$("document").on("pagebeforeshow","page",function(event,data){...}) Essayez-le vous-même

Paramètre Description
function(event,data) Obligatoire. Spécifie la fonction à exécuter lorsque l'événement pagebeforeshow est déclenché.

Cette fonction contient les deux paramètres suivants :

  • Objet d'événement- Inclut toutes les propriétés d'événement jQuery (event.target, event.type, etc.). Pour plus d'informations, veuillez consulter leManuel de référence des événements jQuery
  • Objet de données- Contient la propriété prevPage, qui renvoie la page précédente de la transition.
page Facultatif. L'identifiant de page vers lequel l'événement pagebeforeshow pointe. Pour les pages internes, utilisez #id. Pour les pages externes, utilisez externalfile.html。

实例

Plus d’exemples


Cet exemple démontre le déclenchement des événements pagebeforeshow, pageshow, pagebeforehide et pagehide.


Utilisez la propriété event.type pour renvoyer le type d'événement déclenché.


Utilisez la propriété prevPage pour renvoyer la page précédente de la transition.

jQuery Mobile 事件jQuery Mobile Événements

Autres extensions