Gli ultimi tutorial di sviluppo web
 

jQuery pageshow Event

<JQuery Mobile Eventi

Esempio

Avvisare del testo quando la pagina che stiamo transizione a, viene mostrato:

$(document).on("pageshow","#pagetwo",function(){
  alert("pageshow event fired - pagetwo is now shown");
});
Prova tu stesso "

Definizione e utilizzo

L'evento pageshow viene attivato sulla "to" pagina, dopo l'animazione di transizione completa.

Eventi correlati:

  • pagebeforeshow - trasmesso sulla "to" pagina, prima che inizi l'animazione di transizione
  • pagebeforehide - trasmesso sul "from" pagina, prima che inizi l'animazione di transizione
  • pagehide - trasmesso sul "from" pagina, dopo l'animazione di transizione completa

Nota: Questo evento viene attivato ogni volta che una pagina di transizione inizia / ferma.


Sintassi

Per attivare l'evento per tutte le pagine in jQuery Mobile:

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

Per attivare l'evento per una pagina specifica:

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

Parametro Descrizione
function(event,data) Richiesto. Specifica la funzione da eseguire quando si verifica l'evento pageshow.

La funzione ha due parametri opzionali:

  • L'oggetto evento - che può contenere qualsiasi proprietà degli eventi jQuery (ad esempio event.target, event.type , ecc) Vedi jQuery eventi di riferimento per ulteriori informazioni
  • L'oggetto dati - contiene una proprietà, la prevPage, che restituisce la pagina che stiamo la transizione dalla
page Facoltativo. Sottolinea l'id della pagina per specificare l'evento pageshow per. Per le pagine interne, usare #id . Per le pagine esterne, usare externalfile.html .

Provate voi stessi - Esempi

Una dimostrazione di eventi correlati
Una dimostrazione che mostra quando pagebeforeshow, pageshow, pagebeforehide e pagehide fuoco.

L'oggetto evento
Utilizzando la proprietà Event.type per riportare il tipo di evento innescata.

L'oggetto dati
Utilizzando la proprietà prevPage per tornare alla pagina stiamo passando da.


<JQuery Mobile Eventi