Esempio
Avvisare del testo quando la pagina è stato inizializzato e migliorato:
$(document).on("pageinit",function(){
alert("pageinit
event fired!")
}); Prova tu stesso " Definizione e utilizzo
L'evento pageinit è stata sconsigliata a jQuery versione 1.4.0. Utilizzare il pagecreate evento, invece.
L'evento pageinit viene attivato quando la pagina è stata inizializzata e dopo jQuery Mobile ha finito di migliorare il contenuto della pagina.
Prima della versione 1.4, questo evento è stato usato al posto del jQuery DOM ready() il metodo, di mettere tutti gli altri eventi e funzioni jQuery. Questo è dovuto al fatto che funzionerà se la pagina viene caricata direttamente o tramite la chiamata AJAX di un'altra pagina. Tuttavia, dalla versione 1.4, questo è stato sostituito dall'evento pagecreate.
Nota: Questo evento viene attivato solo una volta per "pagina" - Ogni volta che una pagina viene caricata per la prima volta, jQuery Mobile memorizza nella cache le pagine nel DOM (memoria), in modo che quando si naviga di nuovo da pagetwo a pageone (per esempio), questo evento non si attiverà, perché poi, pageone è già inizializzato.
Eventi correlati:
- pagebeforecreate - trasmesso quando la pagina è in procinto di essere inizializzato, ma prima di valorizzazione è iniziata
- pagecreate - trasmesso quando viene creata la pagina, ma prima che il miglioramento è completo
Sintassi
Per attivare l'evento per tutte le pagine in jQuery Mobile:
$(document).on("pageinit",function(event){...})
Try it
Per attivare l'evento per una pagina specifica:
$(document).on("pageinit"," page ",function(event){...})
Try it
| Parametro | Descrizione |
|---|---|
| function(event) | Richiesto. Specifica la funzione da eseguire quando si verifica l'evento pageinit La funzione ha un oggetto evento opzionale, che può contenere qualsiasi proprietà degli eventi jQuery (ad esempio event.target, event.type , ecc) Vedi jQuery eventi di riferimento per ulteriori informazioni. |
| page | Facoltativo. Sottolinea l'id della pagina per specificare l'evento pageinit per. Per le pagine interne, usare #id . Per le pagine esterne, usare externalfile.html . |
Provate voi stessi - Esempi
Una dimostrazione di pagebeforecreate e pagecreate
Una dimostrazione che mostra quando pagebeforecreate e pagecreate fuoco.
L'oggetto evento
Utilizzando la proprietà Event.type per riportare il tipo di evento innescata.