[javascript] jQuery를 사용하여 모든 클릭 이벤트 핸들러를 제거하는 방법은 무엇입니까?

문제가 있습니다. 기본적으로 사용자가 페이지에서 ‘편집’링크를 클릭하면 다음 Jquery 코드가 실행됩니다.

$("#saveBtn").click(function () {
    saveQuestion(id);
});

이렇게하면 저장 버튼의 onClick 이벤트가 saveQuestion()메소드를 호출 하고 ‘편집’링크를 클릭 한 질문의 ID를 전달합니다.

그러나 동일한 세션에서 사용자가 2 개의 질문에 대한 편집을 클릭하면 이전 click이벤트 처리기 를 덮어 쓰는 대신 대신 2 개의 이벤트 처리기가 실행됩니다. 하나는를 호출 saveQuestion(1)하고 다른 하나는를 호출 할 수 있습니다 saveQuestion(2). 이렇게하면 1 개의 질문이 다른 질문을 덮어 씁니다.

click버튼에 할당 된 모든 이전 이벤트 를 제거하는 방법이 있습니까?

답변

$("#saveBtn").off("click");

$("#saveBtn").off("click").click(function() { saveQuestion(id); });

$('#saveBtn').unbind('click').click(function(){saveQuestion(id)});

$('#saveBtn').off('click').click(function(){saveQuestion(id)});

$(function(){
    function myFunc() {
        // ... do something ...
    };
    $('#saveBtn').click(myFunc);
});

$('#saveBtn').off('click').on('click',function(){
   saveQuestion(id)
});