问题是我有一些动态创建的输入标签集，而且我还有一个函数可以在输入值改变时触发。
$('input').on('change', function() {
// Does some stuff and logs the event to the console
});
但是，.on('change')不会为任何动态创建的输入触发，仅适用于加载页面时存在的项目。很不幸，这让我的处境有些作为.on，就是要为更换.live()和.delegate()所有这一切都为包装.bind()：/
有没有其他人遇到过这个问题或知道解决方案？
您应该为该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/
用这个
$('body').on('change', '#id', function() {
// Action goes here.
});
您可以使用以下几种方法中的任何一种：
$("#Input_Id").change(function(){ // 1st way
// do your code here
// Use this when your element is already rendered
});
$("#Input_Id").on('change', function(){ // 2nd way
// do your code here
// This will specifically call onChange of your element
});
$("body").on('change', '#Input_Id', function(){ // 3rd way
// 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;
});
只是为了澄清一些潜在的混淆。这仅在 DOM 加载时存在元素时才有效：
$("#target").change(function(){
//does some stuff;
});
当稍后动态加载元素时，您可以使用：
$(".parent-element").on('change', '#target', function(){
//does some stuff;
});