jQuery Mobile pagina Evenimente
Evenimente pentru manipularea pagini în jQuery mobile sunt împărțite în patru categorii:
- Pagina Inițializarea - Înainte de crearea de pagini, iar când a fost creată pagina
- Pagina de încărcare / descărcare - Când o pagină externă este de încărcare, descărcare sau se confruntă cu un eșec
- Pagina de tranziție - Înainte și după tranziția paginilor
- Schimbarea Pagina - Când paginile sunt modificate sau de la, sau se confruntă cu un eșec
Pentru o referință completă a tuturor evenimentelor jQuery Mobile, vă rugăm să accesați pagina jQuery Mobile Evenimente de referință .
jQuery Mobile initializare Evenimente
Atunci când o pagină obișnuită în jQuery Mobile este inițializat, se trece prin două etape:
- Înainte de crearea de pagini
- Creare de pagini
Fiecare etapă are un eveniment care poate fi folosit pentru a introduce sau manipula codul înainte sau atunci când jQuery Mobile îmbunătățește pagina.
| Eveniment | Descriere |
|---|---|
| pagebeforecreate | Declanșate atunci când pagina este pe cale să fie inițializată, și înainte de jQuery Mobile a început consolidarea paginii |
| pagecreate | Declanșate atunci când pagina a fost creată, dar înainte de accesoriu este completă |
Exemplul de mai jos demonstrează atunci când fiecare eveniment incendii atunci când o pagină este creat în jQuery Mobile:
Exemplu
$(document).on("pagebeforecreate",function(event){
alert("pagebeforecreate event fired!");
});
$(document).on("pagecreate",function(event){
alert("pagecreate event fired!");
}); Încearcă - l singur » jQuery mobile de încărcare Evenimente
evenimente de sarcină pagină sunt utilizate pagini externe.
Ori de câte ori o pagină externă este încărcată în DOM, 2 evenimente foc. Primul este pagecontainerbeforeload, iar al doilea va fi fie pagecontainerload (success) sau pagecontainerloadfailed (fail) .
Aceste evenimente sunt explicate în tabelul de mai jos:
| Eveniment | Descriere |
|---|---|
| pagecontainerbeforeload | Declanșat înainte de a se face orice solicitare de încărcare a paginii |
| pagecontainerload | Declanșate după ce pagina a fost încărcat cu succes și inserat în DOM |
| pagecontainerloadfailed | Declanșat în cazul în care cererea de încărcare a paginii eșuează. În mod implicit, acesta va afișa "Error Loading Page" la "Error Loading Page" mesajul |
Exemplul de mai jos demonstrează cum funcționează pagecontainerload și evenimente pagecontainerloadfailed:
Exemplu
$(document).on("pagecontainerload",function(event,data){
alert("pageload
event fired!\nURL: " + data.url);
});
$(document).on("pagecontainerloadfailed",function(event,data){
alert("Sorry, requested page does not exist.");
}); Încearcă - l singur » jQuery Mobile tranziție Evenimente
Putem folosi, de asemenea evenimente pentru când trecerea de la o pagină la alta.
Tranzițiile de pagini implică două pagini: o "from" de "to" (fromPage) (toPage) "from" pagina si "to" pagină - aceste tranziții animate schimbarea din pagina curentă activă (fromPage) într - o pagină nouă (toPage) .
| Eveniment | Descriere |
|---|---|
| pagebeforeshow | Declanșat pe " to " pagina, înainte de a începe animația de tranziție |
| pageshow | Declanșat pe " to " pagina, după terminarea animației de tranziție |
| pagebeforehide | Declanșat pe " from " de " from " pagina, înainte de a începe de animație de tranziție |
| pagehide | Declanșat pe " from " de " from " pagina, după terminarea animației de tranziție |
Exemplul de mai jos demonstrează cum funcționează evenimentele de tranziție:
Exemplu
$(document).on("pagebeforeshow","#pagetwo",function(){ // When entering
pagetwo
alert("pagetwo is about to be shown");
});
$(document).on("pageshow","#pagetwo",function(){
// When entering pagetwo
alert("pagetwo is now shown");
});
$(document).on("pagebeforehide","#pagetwo",function(){
// When leaving pagetwo
alert("pagetwo is about to be hidden");
});
$(document).on("pagehide","#pagetwo",function(){
// When leaving pagetwo
alert("pagetwo is now hidden");
}); Încearcă - l singur »