tutorial pengembangan web terbaru
 

pageinit acara jQuery

<JQuery Mobile Acara

Contoh

Siagakan beberapa teks saat halaman telah diinisialisasi dan ditingkatkan:

$(document).on("pageinit",function(){
  alert("pageinit event fired!")
});
Cobalah sendiri "

Definisi dan Penggunaan

Acara pageinit itu usang dalam jQuery versi 1.4.0. Gunakan pagecreate acara sebaliknya.

Acara pageinit dipicu saat halaman telah diinisialisasi dan setelah jQuery Mobile telah selesai meningkatkan konten halaman.

Sebelum versi 1.4, acara ini digunakan sebagai pengganti jQuery DOM ready() metode, untuk menempatkan semua acara dan fungsi jQuery lainnya. Hal ini karena akan bekerja apakah halaman dibuka secara langsung atau melalui AJAX panggilan halaman lain. Namun, pada versi 1.4, ini telah digantikan oleh acara pagecreate.

Catatan: Acara ini hanya dipicu sekali per "halaman" - Setiap kali halaman dibuka untuk pertama kalinya, jQuery Mobile cache halaman dalam DOM (memori), jadi ketika Anda menavigasi kembali dari pagetwo ke pageone (misalnya), ini acara tidak akan api, karena kemudian, pageone sudah diinisialisasi.

Peristiwa terkait:

  • pagebeforecreate - dipicu ketika halaman sekitar diinisialisasi, tapi sebelum peningkatan telah dimulai
  • pagecreate - dipicu saat halaman dibuat, tapi sebelum peningkatan selesai

Sintaksis

Untuk memicu event untuk semua halaman di jQuery Mobile:

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

Untuk memicu acara untuk halaman tertentu:

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

Parameter Deskripsi
function(event) Wajib. Menentukan fungsi untuk menjalankan ketika acara pageinit terjadi

Fungsi ini memiliki acara objek opsional, yang dapat berisi jQuery acara sifat (misalnya event.target, event.type , dll) Lihat jQuery Acara Referensi untuk informasi lebih lanjut.
page Pilihan. Poin ke id halaman untuk menentukan acara pageinit untuk. Untuk halaman internal, gunakan #id . Untuk halaman eksternal, menggunakan externalfile.html .

Coba Sendiri - Contoh

Sebuah demonstrasi pagebeforecreate dan pagecreate
Sebuah demonstrasi yang menunjukkan kapan pagebeforecreate dan pagecreate api.

Acara objek
Menggunakan properti event.type untuk kembali jenis acara dipicu.


<JQuery Mobile Acara