Como remover todos os manipuladores de eventos de clique usando o jQuery?

Estou com um problema. Basicamente, quando um usuário clica em um link 'Editar' em uma página, o seguinte código Jquery é executado:

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

Ao fazer isso, o evento onClick do botão Salvar chama o saveQuestion()método e transmite o ID da pergunta na qual o link 'Editar' foi clicado.

Mas se na mesma sessão o usuário clicar em editar em 2 perguntas, em vez de sobrescrever o clickmanipulador de eventos anterior , ele fará com que dois manipuladores de eventos sejam executados, um que pode chamar saveQuestion(1)e o outro pode chamar saveQuestion(2). Ao fazer isso, uma pergunta substitui a outra.

Existe uma maneira de remover todos os clickeventos anteriores que foram atribuídos a um botão?

Você usaria off () para remover um evento como este:

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

mas isso removerá todos os eventos de clique vinculados a esse elemento. Se a função com SaveQuestion for o único evento vinculado, o acima será feito. Caso contrário, faça o seguinte:

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

Existe uma maneira de remover todos os eventos de clique anteriores que foram atribuídos a um botão?

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

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

Se você usou ...

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

... será mais fácil desvincular mais tarde.

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

Use jquery é off e on