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

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);
         });