[JQuery] 자바스크립트 이벤트가 2회 중복 실행될 때

$("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(){})

이렇게 쓰면 셀렉터 이벤트 핸들러들 너무 잘먹음

그동안 제어가 잘 안돼서 갑갑했는데 이거 알고나서 쉬워짐 핵꿀팁..

출처 : http://okkks.tistory.com/m/1065