Derniers tutoriels de développement web
 

jQuery pagebeforeload Event

<JQuery Mobile Events

Exemple

Alerter texte avant une demande de charge est faite:

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

Définition et utilisation

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

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

Événements connexes:

  • pageload - déclenchée après que la page a été chargée avec succès et inséré dans le DOM
  • 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("pagebeforeload",function(event,data){...})

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

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


<JQuery Mobile Events