Ultimele tutoriale de dezvoltare web
 

Eveniment jQuery pagebeforeshow

<JQuery mobile Evenimente

Exemplu

Alerta un text atunci când pagina suntem trecerea la acestea , este pe cale de a fi afișate:

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

Definiție și utilizare

Evenimentul pagebeforeshow este declanșat pe "to" pagina, înainte de a începe animația de tranziție.

Evenimente conexe:

  • 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

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("pagebeforeshow",function(event) {...}) Try it

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

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

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

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 pagebeforeshow 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