동적으로 id가 생성 되었을 때 를 event로 잡을수 있는 방법

[김봉섭]

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

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

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

td-container가 추가되었을 때 function 해주세요. 를 수행하기 위해서는

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

event listner의 종류를 쭉 검색해보니 class가 생성될 때를 의미하는 eventlistner는 없는것 같습니다.

클래스가 append 되면 function 해주세요.는 어떻게 작성하면 될까요?

[codingapple]

위처럼 코드짜면 class="td-container" 인 html요소 동적으로 추가해도 이벤트리스너 잘 동작합니다 

안되면 그냥 html 생성 후에 그 요소에 이벤트리스너 부착하라고 코드짜면 됩니다 

[글쓴이]

글