Baru -baru ini, ketika seorang teman sedang mengerjakan sebuah proyek, ia bertemu secara dinamis memuat konten Weibo, dan kemudian mengklik "memperluas komentar" untuk mendapatkan semua komentar di Weibo. <Span mid = '123456789' class = 'get_comment'> klik untuk memuat komentar </span> digunakan di sini.
Lalu tulis lagi
$ (". Get_comment) .click (function () {// Logika acara respons})Ditemukan bahwa acara klik tidak akan dipicu, dan tidak ada kesalahan dalam mendengarkan menggunakan konsol. Ketika saya tidak bisa mengetahuinya,
Karena saya juga bertemu ketika saya melakukan manajemen pengiriman di Sohu Home Furnishing Mall, saya fokus pada pemuatan dinamis.
Saya ingat bahwa saya menggunakan acara in-line pada waktu itu, dan acara in-line saat memuat secara dinamis. Misalnya, var Obtn = '<a onClick = "freight.delete_curr_citys ();" href = "javascript: void (0);"> hapus </a> '; Faktanya, pengiriman adalah objek.delete_curr_citys adalah metode objek ini.
Tentu saja, Anda juga dapat menggunakan fungsi JQuery's Live () untuk menulis ulang logika respons:
$ (". Get_comment"). Live ('Click', function () {var mid = $ (this) .attr ("mid"); alert (mid);});Pada saat ini, JQuery dapat menanggapi acara SPAN Click. Di sini, acara delegasi fungsi langsung digunakan, yang terutama digunakan untuk respons acara HTML yang dihasilkan secara dinamis. Mengenai peran fungsi live (), keunggulan yang paling intuitif adalah bahwa ia selalu dapat "mendengarkan" operasi browser klien, yang juga akan efektif untuk node DOM yang baru ditambahkan tanpa rebinding. Mungkin karena "mendengarkan" ini mungkin terus -menerus terikat dan dinilai, yang akan menyebabkan masalah kinerja aplikasi web. Anda dapat secara selektif menggunakannya sesuai dengan kompleksitas proyek. Mengenai fungsi langsung, berikut adalah penjelasan yang sangat rinci:
Definisi dan penggunaan
Metode live () melampirkan satu atau lebih penangan acara ke elemen yang dipilih dan menentukan fungsi yang berjalan ketika peristiwa ini terjadi.
Penangan acara yang dilampirkan melalui metode live () cocok untuk mencocokkan elemen saat ini dan di masa depan pemilih (seperti elemen baru yang dibuat oleh skrip).
tata bahasa
$ (selector) .live (peristiwa, data, fungsi)
Deskripsi parameter
Acara diperlukan. Menentukan satu atau lebih peristiwa yang melekat pada elemen.
Beberapa peristiwa dipisahkan oleh spasi. Harus menjadi acara yang valid.
data opsional. Menentukan data tambahan yang diteruskan ke fungsi.
Fungsi diperlukan. Menentukan fungsi yang berjalan ketika suatu peristiwa terjadi.
Alasan dan solusi untuk DOM yang dihasilkan secara dinamis dalam artikel di atas tidak akan memicu acara OnClick adalah semua konten yang dibagikan oleh editor. Saya harap ini dapat memberi Anda referensi dan saya harap Anda akan lebih mendukung wulin.com.