Gli ultimi tutorial di sviluppo web
 

pagecontainerload evento jQuery

<JQuery Mobile Eventi

Esempio

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

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

Definizione e utilizzo

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

Eventi correlati:

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

Sintassi

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

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

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

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