Latest web development tutorials

Halaman peristiwa jQuery Mobile

Halaman peristiwa jQuery Mobile

Acara di jQuery halaman Ponsel berurusan dengan dibagi menjadi empat kategori:

  • Halaman Inisialisasi - sebelum halaman dibuat saat halaman dibuat, dan halaman setelah inisialisasi
  • Halaman Load / Unload - ketika loading halaman eksternal, bongkar atau saat pertama gagal
  • Halaman Transisi - Halaman transisi sebelum dan sesudah
  • Halaman Ganti - Ketika halaman berubah, atau kegagalan wajah

Untuk informasi lengkap tentang semua peristiwa jQuery Mobile, kunjungi Pedoman jQuery Mobile acara .

Acara jQuery Mobile Inisialisasi

Ketika jQuery Mobile di halaman khas diinisialisasi, itu akan melalui tiga tahap:

  • Sebelum penciptaan halaman
  • penciptaan halaman
  • inisialisasi halaman

pemicu acara dapat digunakan dalam setiap tahap dari kode operasi atau insert.

peristiwa deskripsi
pagebeforecreate Ketika halaman sekitar untuk menginisialisasi, dan sebelum halaman ditingkatkan jQuery Mobile sudah mulai memicu acara.
pagecreate Saat halaman telah dibuat, tapi sebelum selesainya tambahan, memicu peristiwa.
pageinit Saat halaman diinisialisasi, dan setelah jQuery Mobile Halaman ditingkatkan telah selesai, memicu acara tersebut.

Contoh berikut menunjukkan jQuery Mobile saat Anda membuat halaman, ketika untuk memicu setiap peristiwa:

contoh

$ (Dokumen) .on ( "pagebeforecreate", function (event) {
alert ( "pagebeforecreate acara pemicu!");
});
$ (Dokumen) .on ( "pagecreate", function (event) {
alert ( "pagecreate acara pemicu!");
});

Coba »

jQuery Mobile Beban acara

acara buka halaman milik halaman eksternal.

Setiap kali loading halaman DOM eksternal, dua peristiwa akan dipicu. Yang pertama adalah pagebeforeload, yang kedua adalah pageload (sukses) atau pageloadfailed (kegagalan).

Tabel berikut menjelaskan peristiwa ini:

peristiwa deskripsi
pagebeforeload Sebelum setiap permintaan untuk halaman untuk memuat pelatuk.
pageload Halaman itu berhasil dimuat dan dimasukkan DOM dipicu.
pageloadfailed Jika permintaan buka halaman gagal, acara ini dipicu. Secara default, "Error Loading Halaman" pesan akan ditampilkan.

Presentasi mengikuti pageload dan acara pagloadfailed bekerja:

contoh

$(document).on("pageload",function(event,data){
  alert("触发 pageload 事件！\nURL: " + data.url);
});
$(document).on("pageloadfailed",function(event,data){
  alert(";抱歉，被请求页面不存在。");
});

Coba »

jQuery Mobile acara transisi

Kami juga dapat menggunakan acara selama transisi dari satu ke yang berikutnya.

transisi halaman yang melibatkan dua halaman: a "untuk" halaman dan "Go" Halaman - transisi ini membuat halaman aktif saat ini ( "untuk" halaman) ke halaman baru ( "pergi ke" mengubah halaman saja menjadi lebih dinamis.

peristiwa deskripsi
pagebeforeshow Dalam "pergi" Halaman dipicu sebelum animasi transisi dimulai.
pageshow Dalam "pergi" layar pemicu, setelah selesainya animasi transisi.
pagebeforehide Dalam "untuk" halaman pemicu, sebelum animasi transisi dimulai.
pagehide Dalam "untuk" layar pemicu, setelah selesainya animasi transisi.

Berikut ini menggambarkan prinsip waktu transisi:

contoh

$(document).on("pagebeforeshow","#pagetwo",function(){ //当进入页面二时
  alert("页面二即将显示");
});
$(document).on("pageshow","#pagetwo",function(){ // 当进入页面二时
  alert("现在显示页面二");
});
$(document).on("pagebeforehide","#pagetwo",function(){ // 当进入页面二时
  alert("页面二即将隐藏");
});
$(document).on("pagehide","#pagetwo",function(){ // When leaving pagetwo
  alert("现在隐藏页面二");
});

Coba »