Mengapakah peristiwa JavaScript gagal dicetuskan selepas menambahkan elemen secara dinamik pada DOM?

Kegagalan Penyebaran Acara JavaScript Selepas Penambahan Elemen

Soalan:

Mengapa JavaScript gagal peristiwa pencetus untuk elemen yang dilampirkan pada DOM selepas pemuatan awalnya?

Jawapan:

jQuery beroperasi pada elemen yang terdapat dalam DOM apabila ia dimuatkan. Penambahan elemen seterusnya tidak diiktiraf. Untuk mengatasi had ini, laksanakan delegasi acara dengan menghantar acara daripada elemen yang baru ditambah kepada elemen DOM sedia ada.

Dalam kod yang disediakan, alihkan pengendali acara untuk pautan "Edit" ke elemen induk yang wujud di halaman muatkan menggunakan kaedah on():

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

Pengubahsuaian ini memastikan JavaScript terus bertindak balas kepada peristiwa daripada elemen yang ditambahkan pada DOM secara dinamik.

Atas ialah kandungan terperinci Mengapakah peristiwa JavaScript gagal dicetuskan selepas menambahkan elemen secara dinamik pada DOM?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!