将事件添加到动态创建的对象

Question

我创建了一个函数，其中类“.dropdown”在页面上的所有下拉菜单在更改时都会执行某些操作。但是，动态添加后续下拉列表不会触发事件。我如何使动态下拉触发更改事件？

$(".dropdown").change(function() { 
    //Do Something 
}); 

Answer 1

您可以使用event delegation附加更改事件动态创建的.dropdown元素：

$(document).on('change', ".dropdown", function() { 
    //Do Something 
}); 

Answer 2

$(document).on('change', '.dropdown', function() { 
    //Do Something 
}); 

结构是这样

$(static selector/parent).on('event', 'dynamically added element*', function() { 
    //Do Something 
}); 

*也包括目前已有的

Answer 3

使用event delegation：

$(document).on('change','.dropdown',function() { 
//Do Something 
}); 

Answer 4

尝试

$(".dropdown").live("change", function() { 
      alert(1); 
     });