Как удалить все обработчики событий Click в JQuery

Question

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

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

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

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

Есть ли способ удалить все предыдущие click событий, которые были назначены кнопке?

Answer 1

Вы могли бы использовать off(), чтобы удалить событие так:

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

, но это удалит все события щелчка связанные с этим элементом. Если функция с SaveQuestion является единственной привязкой к событию, то это сделает это. Если не сделать следующее:

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

Answer 2

Есть ли способ удалить все предыдущие события кликов, которые были назначены кнопке?

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

Answer 3

Если вы использовали ...

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

... тогда будет легче отвязать позже.

Answer 4

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

Answer 5

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

Использование JQuery-х off и on