jQuery 동적태그 이벤트

태그에 이벤트를 걸기 위해서 아래와 같이 사용해 왔었는데 동적으로 생성된 태그에는 이벤트가 달리지 않았다..

$(".btn").click(function(e){
	...
});

 

페이지 로딩이 끝난 후 동적으로 생성된 태그에 이벤트를 걸기 위해서는 다음과 같이 사용해야 한다.

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

on의 첫 번째 파라미터에는 click, blur 같은 원하는 이벤트를 적어주고,

두 번째 파라미터에는 태그,

세 번째 파라미터에는 동작할 함수를 입력해 주면 된다.