동적 이벤트 생성, 바인딩

동적 이벤트 생성

화면을 동적으로 구성하는 경우 (체크박스에 체크 or 해제 시 이벤트 발생, 게시글 목록 클릭시 등)

클릭 이벤트를 사용할 수 없음 !!

$(".modalData").on("click", function(){

    alert("XXX실행XXX");

});

위와 같이 이벤트를 작성할 경우 동적으로 구성된 요소에는 이벤트가 작동하지 않음

 

아래와 같이 이벤트 바인딩은 document 등 상위에 걸고, 인자로 필터를 걸면 됩니다.

$(document).on("click", ".modalData", function(){

    alert("OOO실행OOO");

});

 

적용:

https://ayon.tistory.com/10