Derniers tutoriels de développement web
 

jQuery pagecontainerload 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("pagecontainerload",function(){
  alert("pagecontainerload event fired!");
});
Essayez - le vous - même »

Définition et utilisation

L'événement pagecontainerload 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:

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 pagecontainerbeforeload. Le deuxième événement sera soit pagecontainerload ou pagecontainerloadfailed.

Syntaxe

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

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

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 pagecontainerload et pagecontainerloadfailed.

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