tutorial pengembangan web terbaru
 

jQuery pagebeforeshow Kegiatan

<JQuery Mobile Acara

Contoh

Siagakan beberapa teks ketika halaman kami melakukan transisi ke, adalah tentang akan ditampilkan:

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

Definisi dan Penggunaan

Acara pagebeforeshow dipicu pada "to" halaman, sebelum animasi transisi dimulai.

Peristiwa terkait:

  • pageshow - Dipicu pada "to" halaman, setelah animasi transisi selesai
  • pagebeforehide - Dipicu pada "from" halaman, sebelum mulai transisi animasi
  • pagehide - Dipicu pada "from" 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("pagebeforeshow",function(event){...}) Try it

Untuk memicu acara untuk halaman tertentu:

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

Parameter Deskripsi
function(event,data) Wajib. Menentukan fungsi untuk menjalankan ketika acara pagebeforeshow 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, prevPage, yang mengembalikan halaman kita transisi dari
page Pilihan. Poin ke id halaman untuk menentukan acara pagebeforeshow 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.type untuk kembali jenis acara dipicu.

Data objek
Menggunakan properti prevPage untuk kembali halaman kita transisi dari.

<JQuery Mobile Acara