tutorial pengembangan web terbaru
 

jQuery pageshow Kegiatan

<JQuery Mobile Acara

Contoh

Siagakan beberapa teks ketika halaman kami melakukan transisi ke, ditunjukkan:

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

Definisi dan Penggunaan

Acara pageshow dipicu pada "to" halaman, setelah animasi transisi selesai.

Peristiwa terkait:

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

Untuk memicu acara untuk halaman tertentu:

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

Parameter Deskripsi
function(event,data) Wajib. Menentukan fungsi untuk menjalankan ketika acara pageshow 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 pageshow 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