Événement pageshowde jQuery Mobile

jQuery Mobile 事件jQuery Mobile Événements

Exemples

Afficher un message après l'affichage de la page suite à une transition de page :

$(document).on("pageshow","#pagetwo",function(){
alert("pageshow event triggered - displaying page two");
});

Essayez-le vous-même »

Définition et utilisation

L'événement pageshow est déclenché après l'affichage de la page suite à une transition de page.

Événements associés :

  • pagebeforeshowL'événement déclenché avant que la page ne soit affichée après une transition de page.
  • pagebeforehideL'événement déclenché avant que l'ancienne page ne soit masquée après une transition de page.
  • pagehideL'événement déclenché après le masquage de l'ancienne page suite à une transition de page.

Remarque :Cet événement est déclenché lorsque la transition de page commence/se termine.


Syntaxe

Déclencher tous les événements de page dans jQuery Mobile :

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

Déclencher un événement de page spécifique :

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

Parameters Description
function(event,data) Obligatoire. Spécifie la fonction à exécuter lorsque l'événement pageshow 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, voirManuel de référence des événements jQuery
  • Objet de données- Contient la propriété nextPage, la page de transition vers laquelle revenir.
page Facultatif. Spécifie l'ID de page que l'événement pagebeforehide cible lorsqu'il est déclenché. 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 revenir à la page précédente.


jQuery Mobile 事件jQuery Mobile Événements

Autres extensions