tutorial pengembangan web terbaru
 

pagebeforehide acara jQuery

<JQuery Mobile Acara

Contoh

Siagakan beberapa teks ketika halaman kita transisi dari, hendak disembunyikan:

$(document).on("pagebeforehide","#pagetwo",function(){
  alert("pagebeforehide event fired - pagetwo is about to be hidden");
});
Cobalah sendiri "

Definisi dan Penggunaan

Acara pagebeforehide dipicu pada "from" halaman, sebelum mulai transisi animasi.

Peristiwa terkait:

  • pagehide - Dipicu pada "from" halaman, setelah 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("pagebeforehide",function(event){...}) Try it

Untuk memicu acara untuk halaman tertentu:

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

Parameter Deskripsi
function(event,data) Wajib. Menentukan fungsi untuk menjalankan ketika acara pagebeforehide 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 pagebeforehide 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 nextPage properti untuk kembali halaman kita transisi ke.

<JQuery Mobile Acara