Bagaimanakah Saya Boleh Mengendalikan Peristiwa pada Elemen DOM Ditambah Secara Dinamik dalam JavaScript?

Pengendalian Acara JavaScript Selepas Pengubahsuaian DOM Dinamik

Apabila elemen JavaScript ditambahkan secara dinamik pada halaman web, mungkin akan menghadapi masalah dengan pengendalian acara dihidupkan unsur-unsur yang baru ditambah itu. Dalam senario sedemikian, JavaScript tidak akan mengenali elemen tambahan dan pendengar acara yang ditentukan.

Satu penyelesaian kepada isu ini ialah perwakilan acara. Dengan menggunakan perwakilan acara, acara muncul daripada elemen yang baru ditambah kepada elemen induk sedia ada yang tersedia pada masa JavaScript dimulakan. Daripada menugaskan pendengar acara kepada setiap elemen yang ditambah secara dinamik, tetapkan mereka kepada elemen induk peringkat lebih tinggi yang mengandungi elemen sedia ada dan akan datang.

Dalam konteks kod khusus anda, pertimbangkan untuk menggunakan kaedah on() sebaliknya kaedah click() untuk melaksanakan pengendali acara. Kaedah on() menyokong perwakilan acara, membenarkan acara diwakilkan kepada ibu bapa yang hadir semasa halaman dimuatkan.

$(document).on('click', '.races', function(e) {
  // Event handling code
});

Dengan memasukkan perwakilan acara ke dalam kod anda, anda akan memastikan bahawa pengendali acara adalah berdaftar dan berfungsi pada elemen yang ditambah secara dinamik, menyelesaikan isu di mana pendengar acara JavaScript gagal menyalakan elemen yang ditambahkan dalam aplikasi anda.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengendalikan Peristiwa pada Elemen DOM Ditambah Secara Dinamik dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!