eventi di pagina jQuery Mobile
eventi di pagina jQuery Mobile
Eventi a jQuery pagine mobili che si occupano di sono divise in quattro categorie:
- Inizializzazione Pagina - prima che la pagina viene creata quando viene creata la pagina e la pagina dopo l'inizializzazione
- Pagina Carica / Scarica - quando un caricamento della pagina esterna, lo scarico o quando prima non riesce
- Transizione Pagina - transizione di pagina prima che dopo
- Cambio pagina - Quando la pagina viene modificato, o il fallimento faccia
Per informazioni complete su tutti gli eventi jQuery Mobile, si prega di visitare il nostro Manuale jQuery Mobile Event .
evento jQuery Mobile inizializzazione
Quando jQuery Mobile in una tipica pagina viene inizializzata, si passerà attraverso tre fasi:
- Prima della creazione pagina
- creazione di pagine
- inizializzazione pagina
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:
Esempi
alert ( "Trigger Event pagebeforecreate!");
});
$ (Document) .On ( "pagecreate", la funzione (evento) {
alert ( "Trigger Event pagecreate!");
});
Prova »
jQuery Mobile evento Load
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:
Esempi
alert("触发 pageload 事件！\nURL: " + data.url);
});
$(document).on("pageloadfailed",function(event,data){
alert(";抱歉，被请求页面不存在。");
});
Prova »
evento di transizione jQuery Mobile
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:
Esempi
alert("页面二即将显示");
});
$(document).on("pageshow","#pagetwo",function(){ // 当进入页面二时
alert("现在显示页面二");
});
$(document).on("pagebeforehide","#pagetwo",function(){ // 当进入页面二时
alert("页面二即将隐藏");
});
$(document).on("pagehide","#pagetwo",function(){ // When leaving pagetwo
alert("现在隐藏页面二");
});
Prova »