Derniers tutoriels de développement web
 

jQuery pagecontainerbeforeload Event

<JQuery Mobile Events

Exemple

Alerter texte avant une demande de charge est faite:

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

Définition et utilisation

L'événement pagecontainerbeforeload est déclenché avant toute demande de charge est faite.

É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("pagecontainerbeforeload",function(event,data){...})

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

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
  • deferred (object) - contient resolve() ou reject()
  • les $.mobile.loadPage() options (object) - contient les options qui ont été envoyés à $.mobile.loadPage()
Remarque: Vous pouvez gérer manuellement la demande de charge en appelant le event.preventDefault() sur l'objet de l' événement et resolve() ou reject() sur l'objet différé contenue dans l'objet de données.

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


<JQuery Mobile Events