Mientras buscaba la solución a un problema que tengo ahora, encontré este hilo: jQuery: más de un controlador para el mismo evento . Ahora me pregunto si es posible eliminar solo uno de estos controladores.
Es posible, si no utiliza devoluciones de llamada anónimas:
var $elt = $(...); function clickHandler1(event){...} function clickHandler2(event){...} // bind both $elt.click(clickHandler1); $elt.click(clickHandler2); // unbind just the first $elt.unbind('click', clickHandler1);¡Apareció una demostración salvaje!
Ver también: .unbind() docs .
En realidad, puede hacerlo utilizando devoluciones de llamada anónimas a través del espacio de nombres de eventos:
$elt.bind('click.handler1', function(event) { alert('click handler 1'); }); $elt.unbind('click.handler1');Ver demostración modificada aquí .
Y aquí para más información.
Esto se agregó en jQuery 1.4.3 , que en realidad salió más de 4 meses antes de que se hiciera la pregunta.
Esta publicación es antigua, así que pensé en comentar cómo se hace esto hoy (2019).
La mayoría de las respuestas anteriores anteriores, incluida la respuesta aceptada (que era correcta cuando se escribió), usan el método de unbind que ha quedado obsoleto desde jQuery v.3.0.
A partir de jQuery 3.0, .unbind() ha quedado obsoleto. Fue reemplazado por el método .off() desde jQuery 1.7, por lo que ya no se recomienda su uso.
He aquí cómo hacerlo con el método .off() :
var foo = function() { // Code to handle some kind of event }; // ... Now foo will be called when paragraphs are clicked ... $( "body" ).on( "click", "p", foo ); // ... Foo will no longer be called. $( "body" ).off( "click", "p", foo ); Esto funcionará para todos los controladores de eventos implementados con el método .on() y también funciona para los controladores de eventos no delegados. Simplemente reemplace "cuerpo" con su selector de elementos y elimine el segundo parámetro del método .off() ("p" en el ejemplo anterior).