[jQuery] 이벤트 중복 오류 해결 (이벤트가 두번 실행됩니다!)

jQuery를 이용해서 좌측의 메뉴를 클릭할 때마다 SlideToggle 메서드를 이용해서 구현하려고 하였으나, 뭔지 모르게 갑자기 두번씩 SlideToggle이 발생되는 것을 보았습니다. 

 

  $('셀렉터').on('click', function(){
  	이벤트 내용
  });

하지만 여러가지 방법을 찾다가 해결책을 찾게 되었고, 위 현상이 일어나는 것은 바로 이벤트가 중복으로 걸리는 경우라고 확인 되었습니다. 

 

조금 코드가 길어지기는 하지만, off 메서드를 혼합하여 사용함으로써 해당 이벤트 중복 오류를 막을 수 있었습니다. 

$('셀렉터').off('click').on('click', function(){
	이벤트 내용
});

위의 코드 내용으로 작성하면 이벤트 중복을 막을 수가 있습니다. 하지만, 해당 셀렉터에게만 지정되어있는 이벤트가 삭제되는 부분이니까 응용해보시면서 하시면 좋을 것 같습니다.