tutorial pengembangan web terbaru
 

pagehide acara jQuery

<JQuery Mobile Acara

Contoh

Siagakan beberapa teks ketika halaman kita transisi menjauh from , tersembunyi:

$(document).on("pagehide","#pagetwo",function(){
  alert("pagehide event fired - pagetwo is now hidden");
});
Cobalah sendiri "

Definisi dan Penggunaan

Acara pagehide dipicu pada "from" halaman, setelah mulai transisi animasi.

Peristiwa terkait:

  • pagebeforehide - Dipicu pada "from" halaman, sebelum animasi transisi selesai
  • pagebeforeshow - Dipicu pada "to" halaman, sebelum animasi transisi selesai
  • pageshow - Dipicu pada "to" halaman, setelah animasi transisi selesai

Catatan: Acara ini dipicu setiap kali sebuah halaman transisi dimulai / berhenti.

Sintaksis

Untuk memicu event untuk semua halaman di jQuery Mobile:

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

Untuk memicu acara untuk halaman tertentu:

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

Parameter Deskripsi
function(event,data) Wajib. Menentukan fungsi untuk menjalankan ketika acara pagehide terjadi.

Fungsi ini memiliki dua parameter opsional:

  • Acara objek - yang dapat berisi jQuery acara sifat (misalnya event.target, event.type , dll) Lihat jQuery Acara Referensi untuk informasi lebih lanjut
  • Data objek - mengandung satu properti, Nextpage, yang mengembalikan halaman kami melakukan transisi ke
page Pilihan. Poin ke id halaman untuk menentukan acara pagehide untuk. Untuk halaman internal, gunakan #id . Untuk halaman eksternal, menggunakan externalfile.html .

Coba Sendiri - Contoh

Sebuah demonstrasi peristiwa terkait
Sebuah demonstrasi yang menunjukkan kapan pagebeforeshow, pageshow, pagebeforehide dan pagehide api.

Acara objek
Menggunakan properti event.timeStamp.

Data objek
Menggunakan properti Nextpage untuk kembali halaman kita transisi ke.

<JQuery Mobile Acara