jQuery .on ('thay đổi', function () {} không kích hoạt cho các đầu vào được tạo động

Vấn đề là tôi có một số bộ thẻ đầu vào được tạo động và tôi cũng có một chức năng nhằm kích hoạt bất cứ khi nào giá trị đầu vào được thay đổi.

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

Tuy nhiên, việc .on('change')này không kích hoạt cho bất kỳ đầu vào nào được tạo động, chỉ dành cho các mục có mặt khi trang được tải. Thật không may, điều này khiến tôi có một chút ràng buộc vì .onnó có nghĩa là sự thay thế cho .live()và .delegate()tất cả chúng là các hàm bao cho .bind(): /

Có ai khác có vấn đề này hoặc biết một giải pháp?

Bạn nên cung cấp một bộ chọn cho onchức năng:

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

Trong trường hợp đó, nó sẽ hoạt động như bạn mong đợi. Ngoài ra, tốt hơn là chỉ định một số yếu tố thay vì tài liệu.

Đọc bài viết này để hiểu rõ hơn: http://elijahmanor.com/differences-b between-jquery-bind-vs-live-vs-delegate-vs-on/

Dùng cái này

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

Bạn có thể áp dụng bất kỳ một phương pháp nào:

$("#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;
});

Chỉ cần làm rõ một số nhầm lẫn tiềm năng. Điều này chỉ hoạt động khi một phần tử có mặt trên tải DOM:

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

Khi một phần tử được tải động sau này, bạn có thể sử dụng:

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

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

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

Bạn có thể sử dụng sự kiện 'đầu vào', xảy ra khi một yếu tố nhận được đầu vào của người dùng.

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

tài liệu từ w3

bạn có thể dùng:

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

Nó làm việc với tôi.