Cómo eliminar todos los controladores de eventos Click en Jquery

Question

Tengo un problema. Básicamente, cuando un usuario hace clic en enlace de un 'Editar' en una página, el siguiente código de jQuery funciona:

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

Al hacer esto, el evento de clic del botón de guardar llama al método saveQuestion() y transmite el ID de la pregunta para la cual se hizo clic en el enlace 'Editar'.

Pero si en la misma sesión el usuario hace clic edición el 2 preguntas, entonces en lugar de sobrescribir el anterior controlador de click caso, en vez provoca 2 controladores de eventos para funcionar, uno que pudiera poner saveQuestion(1) y el otro podría llamar saveQuestion(2). Al hacer esto, 1 pregunta sobrescribe a la otra.

¿Hay alguna forma de eliminar todos los eventos click anteriores que se han asignado a un botón?

Answer 1

Se podría utilizar off() para eliminar un evento de este modo:

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

pero esto va a eliminar todos los eventos de clic unidos a este elemento. Si la función con SaveQuestion es el único evento enlazado, lo anterior lo hará. Si no hacer lo siguiente:

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

Answer 2

¿Hay alguna forma de eliminar todos los eventos de clic anteriores que se han asignado a un botón?

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

Answer 3

Si ha utilizado ...

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

... entonces será más fácil para desenlazar más tarde.

Answer 4

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

Answer 5

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

Uso de jQuery off y on