동적 요소 이벤트 바인딩 방법

[김봉섭]

버튼을 누르면 td-container 라는 클래스가 담긴 테이블을 생성합니다.

$(document).on('change','.td-container',function(){
    alert('hi');
})

dom에 td-container 클래스가 추가 되면 function 해주세요~ 라고 짠거 같은데 동작을 안하네요...

 

[codingapple]

change 이벤트리스너라 change 이벤트가 발생하지 않은게 아닐까요

click 이런걸로 바꿔서 테스트해봅시다 

[김봉섭]

비슷한 문제로 고민하실 분을 위해 댓글 남깁니다.

배경 : append로 동적으로 td-container를 생성

 

$(document).on('change','.td-container',function(){
    alert('hi');
})

코드의 기능은 append로 추가된 td-container가 change라는 event를 발생 시켰을 때 function 해주세요 이다.

작성자가 질문한 td-container가 추가되었을 때 function 해주세요. 를 수행하기 위해서는

td-container가 추가된다는 eventlistner를 고민 해봐야 한다.

 

[글쓴이]

글