Ultimele tutoriale de dezvoltare web
 

Eveniment jQuery pageshow

<JQuery mobile Evenimente

Exemplu

Alerta un text atunci când pagina pe care tranziționează la acestea , este prezentat:

$(document).on("pageshow","#pagetwo",function(){
  alert("pageshow event fired - pagetwo is now shown");
});
Încearcă - l singur »

Definiție și utilizare

Evenimentul pageshow este declanșat pe "to" pagina, după terminarea animației de tranziție.

Evenimente conexe:

  • pagebeforeshow - Declanșat pe "to" pagina, înainte de a începe de animație 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

Notă: Acest eveniment este declanșat de fiecare dată când începe o tranziție de pagină / se oprește.

Sintaxă

Pentru a declanșa evenimentul pentru toate paginile din jQuery Mobile:

$("document") . on("pageshow",function(event) {...}) Try it

Pentru a declanșa evenimentul pentru o anumită pagină:

$("document") . on("pageshow"," page ",function(event,data) {...}) Try it

Parametru Descriere
function(event,data) Necesar. Specifică funcția de a rula atunci când are loc evenimentul pageshow.

Functia are doi parametri opționali:

  • Obiectul evenimentului - care poate conține orice proprietăți eveniment jQuery (eg event.target, event.type , etc.) de (eg event.target, event.type , etc.) , (eg event.target, event.type , etc.) A se vedea jQuery Evenimente de referință pentru mai multe informații
  • Obiectul de date - conține una de proprietate, prevpage, care returnează pagina pe care tranziționează departe de
page Opțional. Subliniază id-ul paginii pentru a specifica evenimentul pageshow pentru. Pentru pagini interne, utilizați #id . Pentru paginile externe, utilizați externalfile.html .

Încearcă-l singur - Exemple

O demonstrație a evenimentelor legate de
O demonstrație care arată când pagebeforeshow, pageshow, pagebeforehide și pagehide foc.

Obiectul evenimentului
Folosind proprietatea event.type pentru a reveni tipul evenimentului declanșat.

Obiectul de date
Folosind proprietatea prevpage pentru a reveni la pagina suntem departe de trecerea.

<JQuery mobile Evenimente