Ajax로 불러온 엘리먼트의 이벤트가 작동 하지 않을때

Ajax로 불러온 클래스에 클래스명으로 이벤트를 걸면 해당 이벤트가 작동하지 않는다.

click이벤트는 이미 페이지에 있는 요소에 대해서만 작동을 하기 때문에, Ajax를 이용해 동적으로 가져온 요소에 대해서는 작동하지 않기 때문이다.

 

$('.class').click(function(){
	
});

이럴때는 위의 소스를 아래와 같이 변경해준다.

 

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

동적으로 가져온 요소에 대해서는 이벤트 핸들러 등록을 해야한다.

이벤트 핸들러 등록을 하기 위해 .on()메서드를 사용한다.

 

 

 

 

참고:)

https://xianeml.tistory.com/71

jQuery 제이쿼리 이벤트, Ajax 비동기 처리