동적으로 생성 된 객체에 이벤트 추가

Question

".dropdown"클래스가있는 페이지의 모든 드롭 다운이 변경 될 때 어떤 기능을 수행했습니다. 그러나 이후의 드롭 다운을 동적으로 추가하면 이벤트가 트리거되지 않습니다. 동적 드롭 다운이 변경 이벤트를 트리거하도록하려면 어떻게해야합니까?

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

Answer 1

당신은 동적으로 생성 .dropdown 요소에 대한 변경 이벤트를 첨부 할 event delegation를 사용할 수 있습니다

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