[jquery]동적으로 추가된 html에 이벤트 핸들러 걸어주기

일반적으로, jquery 클릭이벤트 바인드에 대한 구문은 아래와 같이 실행할 수 있습니다

$(이벤트객체).bind("click", function() {

이벤트처리내용....

});

그런데, 동적으로 추가된 html에선 위의 구문을 쓰니 이벤트가 적용되지 않는 문제가

있었습니다.

한참을 삽질하던 중, 역시나 검색신공을 활용하여 “live“라는 기능을 찾아냈습니다.

“live”를 써서 아래와 같이 이벤트 핸들러를 걸어주시면 됩니다.

$(이벤트객체).live("click", function() {

이벤트처리내용....

});

별 차이는 없고, “bind“와 “live“의 차이만 있을 뿐입니다.

하지만, 이벤트 핸들러가 걸리지 않아 이 소스를 바꿔야하나 고민하던 저에겐 단비같은

기능이네요.

live“기능에 대한 설명은 아래 포스트에 잘 나와있으니 참고하시기 바랍니다.

* 참고 url 

Advertisements

답글 남기기

아래 항목을 채우거나 오른쪽 아이콘 중 하나를 클릭하여 로그 인 하세요:

WordPress.com 로고

WordPress.com의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Google+ photo

Google+의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Twitter 사진

Twitter의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Facebook 사진

Facebook의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

w

%s에 연결하는 중