Bagaimana untuk Mendayakan Datepickers pada Medan Input Dicipta Secara Dinamik Menggunakan jQuery atau UI jQuery?

Lampirkan Datepickers pada Elemen Dicipta Secara Dinamik - JQuery/JQueryUI

Penerangan Isu:

An cuba mencipta kotak teks secara dinamik dan mendayakan pemetik tarikh untuk setiap klik menggunakan kod berikut menyebabkan hanya kotak teks pertama yang menerima pemetik tarikh.

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

Penyelesaian:

Untuk mendayakan pemetik tarikh pada semua elemen yang dicipta secara dinamik, kod tersebut harus menggunakan delegasi acara menggunakan kaedah on() jQuery, seperti yang ditunjukkan di bawah:

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

Penjelasan:

The on() kaedah menambah pendengar acara kepada elemen badan, yang merupakan induk kepada semua kotak teks yang dicipta secara dinamik. Apabila kelas datepicker_recurring_start difokuskan (cth., apabila pengguna mengklik medan input dengan kelas itu), kaedah datepicker() digunakan pada elemen fokus.

Pendekatan ini menggunakan perwakilan acara, yang membenarkan melampirkan acara pendengar kepada elemen yang ditambah atau dialih keluar secara dinamik daripada DOM. Dalam kes ini, elemen badan digunakan sebagai sasaran pendengar acara dan pemilih kelas datepicker_recurring_start digunakan untuk mengenal pasti elemen khusus yang sepatutnya mencetuskan datepicker apabila difokuskan.

Atas ialah kandungan terperinci Bagaimana untuk Mendayakan Datepickers pada Medan Input Dicipta Secara Dinamik Menggunakan jQuery atau UI jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!