jQuery .on ('change', function () {} tidak memicu input yang dibuat secara dinamis

Masalahnya adalah bahwa saya memiliki beberapa set tag input yang dibuat secara dinamis dan saya juga memiliki fungsi yang dimaksudkan untuk memicu kapan saja nilai input diubah.

$('input').on('change', function() {
  // Does some stuff and logs the event to the console
});

Namun .on('change')itu tidak memicu input apa pun yang dibuat secara dinamis, hanya untuk item yang ada saat halaman dimuat. Sayangnya ini membuat saya sedikit mengikat sebagaimana .ondimaksudkan untuk menjadi pengganti .live()dan yang .delegate()semuanya adalah pembungkus untuk .bind(): /

Adakah orang lain yang memiliki masalah ini atau mengetahui solusinya?

Anda harus menyediakan pemilih ke onfungsi:

$(document).on('change', 'input', function() {
  // Does some stuff and logs the event to the console
});

Dalam hal ini, itu akan berfungsi seperti yang Anda harapkan. Juga, lebih baik untuk menentukan beberapa elemen daripada dokumen.

Baca artikel ini untuk pemahaman yang lebih baik: http://elijahmanor.com/differences-between-jquery-bind-vs-live-vs-delegate-vs-on/

Gunakan ini

$('body').on('change', '#id', function() {
  // Action goes here.
});

Anda dapat menerapkan satu pendekatan:

$("#Input_Id").change(function(){   // 1st
    // do your code here
    // When your element is already rendered
});


$("#Input_Id").on('change', function(){    // 2nd (A)
    // do your code here
    // It will specifically called on change of your element
});

$("body").on('change', '#Input_Id', function(){    // 2nd (B)
    // do your code here
    // It will filter the element "Input_Id" from the "body" and apply "onChange effect" on it
});

$("#id").change(function(){
    //does some stuff;
});

Hanya untuk mengklarifikasi beberapa potensi kebingungan. Ini hanya berfungsi ketika elemen hadir pada beban DOM:

$("#target").change(function(){
    //does some stuff;
});

Saat elemen dimuat secara dinamis di lain waktu, Anda dapat menggunakan:

$(".parent-element").on('change', '#target', function(){
   //does some stuff;
});

$(document).on('change', '#id', aFunc);

function aFunc() {
  // code here...
}

Anda dapat menggunakan acara 'input', yang terjadi ketika suatu elemen mendapat input pengguna.

$(document).on('input', '#input_id', function() {
  // this will fire all possible change actions
});

dokumentasi dari w3

kamu bisa memakai:

$('body').ready(function(){
   $(document).on('change', '#elemID', function(){
      // do something
   });
});

Itu bekerja dengan saya.