[jQuery] 동적으로 생성된 요소에 이벤트 바인딩

$(staticAncestors).on(eventName, dynamicChild, function() {});

 

staticAncestors는 범위를 의미하고

eventName은 적용할 이벤트

dynamicChild는 동적으로 생성된 요소입니다.

 

(문서 안에서 remove-btn 이라는 클래스를 가진 요소를 클릭했을때)

 

$(document).on('click', '.remove-btn', function () {
   ...
});

 

ref : https://stackoverflow.com/questions/203198/event-binding-on-dynamically-created-elements