jQuery .on ('change', function() {} не запускается для динамически создаваемых входов

Question

Проблема в том, что у меня есть несколько динамически созданных наборов входных тегов, и у меня также есть функция, которая предназначена для запуска в любое время ввода значение изменяется.

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

Однако .on('change') не вызывая для любых динамически создаваемых материалов, только для элементов, которые присутствовали, когда страница была загружена. к сожалению, это оставляет меня в немного затруднительном, как .on предназначен для заменить на .live() и .delegate(), все из которых являются обертками для .bind():/

У кого-нибудь еще была эта проблема или было известно о решении?

Answer 1

Вы должны обеспечить селектор функции on:

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

В этом случае он будет работать, как вы ожидали. Кроме того, лучше указать какой-то элемент вместо документа.

Прочитайте эту статью для лучшего понимания: http://elijahmanor.com/differences-between-jquery-bind-vs-live-vs-delegate-vs-on/

Answer 2

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

Answer 3

Используйте этот

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