Mengapa Peristiwa Klik Saya Gagal Dicetuskan pada Elemen Ditambah Secara Dinamik dalam jQuery?

Mengikat Peristiwa Klik kepada Elemen Ditambah Secara Dinamik dalam jQuery

Apabila menambahkan elemen HTML secara dinamik dengan jQuery, adalah penting untuk mengikat acara klik pada elemen tersebut untuk menjadikan mereka interaktif. Walau bagaimanapun, kadangkala perkara ini boleh menimbulkan cabaran, terutamanya jika acara tidak dilaksanakan.

Dalam kod yang disediakan, anda mengikat acara onclick pada pautan (close_link) yang dilampirkan pada elemen .add_to_this secara dinamik . Walau bagaimanapun, acara tidak dicetuskan apabila anda mengklik pautan.

Isunya terletak pada penggunaan kaedah pengikatan acara yang telah ditamatkan, seperti bind(). Kaedah ini telah digantikan dengan kaedah on() dalam versi moden jQuery.

Untuk mengikat acara klik pada elemen yang ditambah secara dinamik dengan betul, gunakan sintaks berikut:

$(document).on('click', '.your-selector', function() {
  // Function to execute on click
});

Dalam kes anda, anda akan menggantikan kaedah bind anda dengan yang berikut:

$(document).on('click', '.close_link', function() {
  alert('hello from binded function call');
});

Ini akan memastikan bahawa peristiwa klik dicetuskan apabila anda mengklik pautan, walaupun ia telah ditambahkan secara dinamik. Ingat, perwakilan acara menggunakan $(document).on() adalah penting untuk mengendalikan acara pada elemen yang ditambah secara dinamik.

Atas ialah kandungan terperinci Mengapa Peristiwa Klik Saya Gagal Dicetuskan pada Elemen Ditambah Secara Dinamik dalam jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!