Как удалить все обработчики событий кликов с помощью jQuery?

У меня проблема. Обычно, когда пользователь щелкает ссылку «Изменить» на странице, выполняется следующий код JQuery:

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

Таким образом, событие onClick кнопки сохранения вызывает saveQuestion()метод и передает идентификатор вопроса, для которого была нажата ссылка «Изменить».

Но если в одном и том же сеансе пользователь нажимает кнопку редактирования для 2 вопросов, то вместо перезаписи предыдущего clickобработчика событий он вызывает запуск двух обработчиков событий, один из которых может вызывать, saveQuestion(1)а другой может вызывать saveQuestion(2). Таким образом, один вопрос заменяет другой.

Есть ли способ удалить все предыдущие 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 это прочь и на