jQueryを使用してすべてのクリックイベントハンドラーを削除する方法

問題があります。基本的に、ユーザーがページの「編集」リンクをクリックすると、次のJqueryコードが実行されます。

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

これにより、保存ボタンのonClickイベントがsaveQuestion()メソッドを呼び出し、「編集」リンクがクリックされた質問のIDを渡します。

ただし、同じセッションでユーザーが2つの質問の[編集]をクリックすると、前のclickイベントハンドラーを上書きする代わりに、2つのイベントハンドラーが実行され saveQuestion(1)ますsaveQuestion(2)。これを行うことにより、1つの質問が他の質問を上書きします。

clickボタンに割り当てられている以前のイベントをすべて削除する方法はありますか？

次のようにイベントを削除するには、off（）を使用します。

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

ただし、これにより、この要素にバインドされているすべてのクリックイベントが削除されます。SaveQuestionを持つ関数がバインドされた唯一のイベントである場合、上記はそれを行います。そうでない場合は、以下を実行します。

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

jqueryのオフとオンを使用する