Gli ultimi tutorial di sviluppo web
 

pagebeforeload evento jQuery

<JQuery Mobile Eventi

Esempio

Avvertire un testo prima di una richiesta di carico viene effettuata:

$(document).on("pagebeforeload",function(){
  alert("pagebeforeload event fired!");
});
Prova tu stesso "

Definizione e utilizzo

L'evento pagebeforeload è stata sconsigliata a jQuery versione 1.4.0. Utilizzare il pagecontainerbeforeload evento, invece.

L'evento pagebeforeload viene attivato prima di ogni richiesta di carico viene effettuata.

Eventi correlati:

  • pageload - innescata dopo che la pagina è stata eseguita con successo e inserito nel DOM
  • pageloadfailed - innescato se la richiesta di caricamento della pagina non riesce

Nota: Questi eventi vengono utilizzati per pagine esterne - Ogni volta che una pagina esterna viene caricato nel DOM, 2 eventi vengono generati. Il primo è pagebeforeload. Il 2 ° evento sarà o Pageload o pageloadfailed.

Sintassi

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

Parametro Descrizione
function(event,data) Richiesto. Specifica la funzione da eseguire quando si verifica l'evento pagebeforeload.

La funzione ha due parametri opzionali:

L'oggetto evento - che può contenere qualsiasi proprietà degli eventi jQuery (ad esempio event.target, Event.type, ecc) Vedi jQuery eventi di riferimento per ulteriori informazioni

L'oggetto dati - contiene quanto segue:

  • url (string) - contiene l'URL assoluto o relativo della pagina (che è stato inviato a $.mobile.loadPage() )
  • absUrl (string) - contiene il riferimento assoluto del URL
  • dataUrl (string) - contiene l'URL della posizione del browser
  • deferred (object) - contiene resolve() o reject()
  • options (object) - contiene le opzioni che sono stati inviati a $.mobile.loadPage()
Nota: è possibile gestire manualmente la richiesta di carico chiamando il event.preventDefault() sull'oggetto evento e resolve() o reject() sull'oggetto differita contenuto nell'oggetto di dati.

Provate voi stessi - Esempi

Una dimostrazione di eventi correlati
Una dimostrazione di pageload e pageloadfailed.

L'oggetto evento
Utilizzando la proprietà Event.type per riportare il tipo di evento innescata.

L'oggetto dati
Utilizzando il data.url per restituire l'URL della pagina esterna.

<JQuery Mobile Eventi