Bagaimanakah Saya Boleh Mengendalikan Peristiwa daripada Elemen Ditambah Secara Dinamik dalam jQuery?

Mengendalikan Peristiwa yang Dicetuskan oleh Elemen Dijana Secara Dinamik

Apabila menambahkan elemen secara dinamik pada DOM, menangkap peristiwa yang dicetuskan oleh elemen tersebut menggunakan pengendali acara standard boleh menjadi masalah. Isu ini timbul kerana pengendali acara dilampirkan sebelum elemen dicipta, menyebabkan acara tidak ditangkap.

jQuery menyediakan penyelesaian kepada isu ini melalui penggunaan kaedah .on() (atau .delegate () dalam versi lama). Kaedah ini membolehkan anda mewakilkan pengendalian acara kepada elemen nenek moyang statik, yang sudah wujud apabila pengendali terikat. Ini memastikan acara menggelembung dan boleh ditangkap oleh pengendali.

Dalam kes khusus anda, anda boleh mengubah suai kod anda untuk menggunakan kaedah .on() seperti berikut:

// jQuery 1.7 or above
$('#modal').on('keyup', 'input', function() {
    handler = $(this).val();
    name = $(this).attr('name');
});

// jQuery 1.6 atau ke bawah

$('#modal').delegate('input', 'keyup', function()
{
    handler = $(this).val();
    name = $(this).attr('name');
});

Dengan mewakilkan pengendalian acara kepada elemen #modal, yang sudah wujud apabila pengendali acara terikat, anda boleh menangkap peristiwa yang dicetuskan oleh elemen input yang dijana secara dinamik dalam elemen itu.

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