Bagaimana untuk Memohon Datepickers secara Dinamik pada Elemen Dicipta dalam jQuery?

Menggunakan Datepicker Secara Dinamik pada Elemen Dicipta

Dalam jQuery, anda boleh menghadapi cabaran apabila cuba menggunakan fungsi datepicker() untuk dicipta secara dinamik elemen. Walaupun menetapkan kelas biasa kepada semua elemen, ia mungkin hanya berfungsi untuk elemen pertama.

Isu:

Anda telah mencipta kotak teks secara dinamik yang memerlukan kalendar pemetik tarikh untuk muncul pada klik. Menggunakan kod berikut:

$(".datepicker_recurring_start" ).datepicker();

menghasilkan hanya kotak teks pertama yang memaparkan kalendar.

Penyelesaian:

Untuk menyelesaikan isu ini, gunakan pendekatan berikut:

$('body').on('focus', ".datepicker_recurring_start", function(){
    $(this).datepicker();
});​

Penjelasan:

Kod ini memanfaatkan acara yang diwakilkan dalam jQuery. Ia menambah pendengar ke seluruh badan (elemen badan) untuk acara fokus. Apabila mana-mana elemen dengan kelas datepicker_recurring_start mendapat fokus, fungsi sebaris dilaksanakan. Fungsi ini kemudiannya memulakan fungsi datepicker() secara eksklusif untuk elemen yang mencetuskan acara.

Dengan menggunakan teknik ini, anda boleh mencipta elemen secara dinamik dengan fungsi datepicker yang menjadi aktif selepas interaksi pengguna. Rujuk dokumentasi jQuery tentang acara yang diwakilkan (http://api.jquery.com/on/) untuk butiran lanjut.

Atas ialah kandungan terperinci Bagaimana untuk Memohon Datepickers secara Dinamik pada Elemen Dicipta dalam jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!