Il miglior tutorial eventi di pagina jQuery Mobile Nel 2024, in questo tutorial puoi imparare eventi di pagina jQuery Mobile,evento jQuery Mobile inizializzazione,Esempi,jQuery Mobile evento Load,Esempi,evento di transizione jQuery Mobile,Esempi,
Eventi a jQuery pagine mobili che si occupano di sono divise in quattro categorie:
Per informazioni complete su tutti gli eventi jQuery Mobile, si prega di visitare il nostro Manuale jQuery Mobile Event .
Quando jQuery Mobile in una tipica pagina viene inizializzata, si passerà attraverso tre fasi:
trigger di evento possono essere utilizzati in ogni fase del codice di funzionamento o di inserimento.
evento | descrizione |
---|---|
pagebeforecreate | Quando la pagina è in procinto di inizializzazione, e prima di jQuery Mobile pagina maggiore ha cominciato a attivare l'evento. |
pagecreate | Quando la pagina è stata creata, ma prima del completamento di miglioramenti, attivato l'evento. |
pageinit | Quando la pagina viene inizializzato, e dopo jQuery Mobile pagina migliorata è stata completata, attivando l'evento. |
L'esempio seguente dimostra l'jQuery Mobile quando si crea una pagina, quando per attivare ogni evento:
evento di caricamento della pagina appartiene a una pagina esterna.
Ogni volta che una pagina di caricamento esterna DOM, saranno attivati due eventi. Il primo è pagebeforeload, il secondo è pageload (esito positivo) o pageloadfailed (esito negativo).
La seguente tabella illustra questi eventi:
evento | descrizione |
---|---|
pagebeforeload | Prima di ogni richiesta di una pagina per caricare il grilletto. |
pageload | La pagina è stata caricata con successo e inserito DOM attivato. |
pageloadfailed | Se una richiesta di caricamento della pagina non riesce, l'evento viene attivato. Per impostazione predefinita, verrà visualizzato il messaggio "Errore di caricamento pagina". |
La seguente presentazione pageload ed evento pagloadfailed lavori:
Possiamo anche utilizzare l'evento durante la transizione da una pagina alla pagina successiva.
transizioni di pagina che coinvolgono due pagine: una "a" page e una pagina "Go" - queste transizioni rendono la pagina corrente attiva ( "a" pagina) per la nuova pagina ( "andare a" cambiare pagina del corso diventa più dinamico.
evento | descrizione |
---|---|
pagebeforeshow | Nella pagina "go" innescato prima che inizi l'animazione di transizione. |
pageshow | Nella schermata di trigger "go", dopo il completamento dell'animazione transizione. |
pagebeforehide | Nella "a" pagina di attivazione, prima che l'animazione di transizione ha inizio. |
pagehide | Nella "a" grilletto schermo, dopo il completamento dell'animazione transizione. |
Quanto segue mostra il principio del tempo di transizione: