Derniers tutoriels de développement web
 

jQuery pageload Event

<JQuery Mobile Events

Exemple

Alerter un texte lorsque la page externe a été chargé avec succès et inséré dans le DOM:

$(document).on("pageload",function(){
  alert("pageload event fired!");
});
Essayez - le vous - même »

Définition et utilisation

L'événement pageload a été désapprouvée dans jQuery la version 1.4.0. Utilisez le pagecontainerload événement au lieu.

L'événement pageload est déclenchée après que la page a été chargée avec succès et inséré dans le DOM.

Événements connexes:

  • pagebeforeload - déclenché avant toute demande de chargement est faite
  • pageloadfailed - déclenchée si la demande de chargement de page échoue

Remarque: Ces événements sont utilisés pour les pages externes - Chaque fois qu'une page externe est chargé dans les DOM, 2 événements sont déclenchés. Le premier est pagebeforeload. Le deuxième événement sera soit PageLoad ou pageloadfailed.

Syntaxe

$("document").on("pageload",function(event,data){...})

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

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 les éléments suivants:

  • url (string) - contient l'URL absolue ou relative de la page (qui a été envoyé à $.mobile.loadPage() )
  • absUrl (string) - contient la référence absolue de l'URL
  • dataUrl (string) - contient l'URL de l'emplacement du navigateur
  • les $.mobile.loadPage() options (object) - contient les options qui ont été envoyés à $.mobile.loadPage()
  • xhr (object) - contient l'objet XMLHttpRequest (Envoyés comme le 3ème argument de $.ajax() succès rappel)
  • textStatus (string or null) - contient l'état de la demande ( la "success" ou "null" ) (Envoyé le 2e argument $.ajax() erreur de rappel)

Essayez-le vous-même - Exemples

Une démonstration d'événements connexes
Une démonstration de pageload et pageloadfailed.

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
Utilisation de data.url pour retourner l'URL de la page externe.

<JQuery Mobile Events