Cara Melaksanakan Pemilih Tarikh Dinamik untuk Elemen Dicipta

Pelaksanaan Pemilih Tarikh Dinamik untuk Elemen Dicipta

Masalah:

Anda menyasarkan untuk melampirkan pemilih tarikh pada kotak teks yang dijana secara dinamik . Walau bagaimanapun, menggunakan kod:

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

mengaktifkan pemilih tarikh hanya untuk kotak teks pertama, walaupun semua kotak teks berkongsi kelas "datepicker_recurring_start."

Penyelesaian:

Untuk mengatasi had ini, gunakan kod berikut:

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

Penjelasan:

Kod ini menggunakan pengendalian acara yang diwakilkan, yang membolehkan pendengar acara untuk dilampirkan pada elemen induk dan digunakan pada keturunan yang sepadan dengan pemilih tertentu. Dalam kes ini:

• 'body' ialah elemen induk yang mana pendengar acara dilampirkan.
• 'focus' ialah peristiwa yang mencetuskan fungsi panggil balik apabila mana-mana elemen dalam ' body' dengan kelas ".datepicker_recurring_start" menerima fokus.
• Dalam fungsi panggil balik, $(this).datepicker(); mengaktifkan fungsi pemilih tarikh pada elemen fokus (datepicker_recurring_start).

Dengan bergantung pada pengikatan peristiwa dinamik, anda boleh memastikan bahawa pemilih tarikh dilampirkan pada semua elemen yang dicipta secara dinamik dengan kelas ".datepicker_recurring_start" pada bila-bila masa. acara fokus dicetuskan.

Atas ialah kandungan terperinci Cara Melaksanakan Pemilih Tarikh Dinamik untuk Elemen Dicipta. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!