JS

[JQuery] 동적 버튼 추가후 click 이벤트 중복 에러

91cm 2018. 10. 8. 21:45



1
2
3
$("#id").on('click'function() {
    alert('클릭');
}
cs

버튼 같은 것을 동적으로 추가후 

위와 같은 방식으로 이벤트를 걸면

클릭이 event가 여러번(?) 실행되는 경우가 있다..

(새로고침안하고 이벤트 계속 발생시키면..중복으로 실행된다)



*해결법

아래와 같이 사용하면  id에 해당하는 click event를 모두 없애고

다시 on으로 하면  중복을 실행을 방지 할 수 있다.

1
2
3
$("#id").off('click').on('click'function() {
     alert('클릭');
}
cs