Gli ultimi tutorial di sviluppo web
 

pageload evento jQuery

<JQuery Mobile Eventi

Esempio

Avvisare del testo quando la pagina esterna è stata caricata con successo e inserito nel DOM:

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

Definizione e utilizzo

L'evento pageload è stata sconsigliata a jQuery versione 1.4.0. Utilizzare il pagecontainerload evento, invece.

L'evento pageload viene attivato dopo che la pagina è stata eseguita con successo e inserito nel DOM.

Eventi correlati:

  • pagebeforeload - trasmesso prima di ogni richiesta di carico viene effettuata
  • 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("pageload",function(event,data){...})

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

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
  • options (object) - contiene le opzioni che sono stati inviati a $.mobile.loadPage()
  • xhr (object) - contiene l'oggetto XMLHttpRequest (inviato come il 3 ° argomento di $.ajax() successo callback)
  • textStatus (string or null) - contiene lo stato della richiesta ( "success" o "null" ) (inviato come il 2 ° argomento di $.ajax() errore di callback)

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 data.url per restituire l'URL della pagina esterna.

<JQuery Mobile Eventi