Добавление событий к динамически созданным объектам

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