將事件添加到動態創建的對象

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