jQuery : 추가 금지 ('클릭') 두 번

Question

비동기 적으로로드 된 탭으로 사용되는 페이지가 있고 대화 상자가 있습니다. 내가 이벤트를 준 그것에 버튼이 있습니다

<script type="text/javascript"> 
    $(document).ready(function() { 
     $(document).on('click', '#my-id-name', function() { 
     // do stuff; 
     }); 
    }); 
</script> 

문제는이 탭/대화의 내용이 위의 스크립트를 다시 실행 즉, 여러 번 갱신됩니다 및 이벤트가 중복되어 있다는 것입니다 . 결과는 항목을 클릭하면 이벤트가 여러 번 호출된다는 것입니다.

중복 된 이벤트를 방지하거나 .on(...) 방법을 사용하여 문서에 추가 된 기존 이벤트를 제거하는 방법이 있습니까? 문서의 모든 클릭 이벤트를 삭제할 수 없으며 문서 수준에서 청취해야합니다.

PS : 나는

Answer 1

$(document).off('click', '#my-id-name')