오늘 배운 자바
[JQuery] 자바스크립트 이벤트가 2회 중복 실행될 때
주데브
2018. 7. 17. 19:04
$("div").on("click","#boardNo",function(){
alert("테스트");
});
원인 : javascript 동적으로 구현했을 때 셀렉터가 안 먹어서 위 예시처럼 div 안의 #boardNo 를 찾으라는 식의 이중 셀렉터를 사용함.
alert 테스트를 해보니 2회 실행됨. div 에서 한번 #boardNo 에서 한번 해서 총 2회 이벤트가 실행되는 것으로 보임
시도 : 1) return false 해보니 되는 경우도 있었으나 나의 경우 셀렉터가 부트스트랩 이벤트를 갖고 있었다.
부트스트랩 기능이 죽어버려서 실패
2) event.stopPropagation()
: 이것도 써봤으나 1)과 같은 이유로 해결하지 못했음
3) $().off().on('click',function(){})
: off() 를 넣어서 핸들러를 한번 죽였다가 on 하라는데 이것도 안먹음.
해결책:
안알랴줌 나는 이거때메 2시간 고민했음 .. 은 너무 야박하니까
$(document).on("click","div #btn-comment",function(){})
이렇게 쓰면 셀렉터 이벤트 핸들러들 너무 잘먹음
그동안 제어가 잘 안돼서 갑갑했는데 이거 알고나서 쉬워짐 핵꿀팁..