Come rimuovo un callback di un evento specifico da un elemento HTML con jquery?

Question

Ho un elemento in una pagina Web che ha diverse callback su di esso

// First callback 
$("#element").click(fn1); 

// Second callback 
$("#element").click(fn2); 

// Definitions 
function fn1(){console.log("1");} 
function fn2(){console.log("2");} 

Esiste un modo per rimuovere solo fn2 dalla lista dei callback innescati da jQuery. So che potrei aggiungere un "se" all'interno della funzione e qualche variabile globale, ma non è quello che sto cercando.

Answer 1

Il secondo parametro nella funzione unbind specifica il gestore da non vincolare.

$("#element").unbind("click", fn2); 

Esempio di lavoro:http://jsfiddle.net/k73Nx/

Answer 2

Uso unbind: http://api.jquery.com/unbind/

Esempio:

$(document).unbind('click', fn2); 

Answer 3

uso .OFF

$("#element").off("click",fn2); 

working fiddle

Answer 4

Fai attenzione con la tua sintassi qui, altre risposte sono molto sciolte con le loro.

se si utilizza:

$('#element').on('click',function() { 
//callback code 
}); 

Quindi è necessario utilizzare:

$('#element').off('click'); 

È non può uso

$('body').off('click','#element',function() { }); 

o

$(document).off('click','#element',function() { }); 

perché originariamente hai associato il tuo evento a #element, non a documento o corpo.

Answer 5

Interessante che nessuno ha ancora nominato spazi dei nomi. C'è una ragione per questo?

Quando si allega l'evento, è possibile assegnare uno spazio ai nomi. Invece di $(elem).on('click', fn), devi aggiungere uno spazio dei nomi all'evento click. $(elem).on('click.namespaced', fn)

Quando non è collegato, è possibile separare l'evento esatto, utilizzando anche lo spazio dei nomi. $(elem).off('click.namespaced')

Questo è più pratico quando si definisce la funzione di evento in linea.

Una cosa si può fare con gli spazi dei nomi è quello di svincolare tutti i tipi di eventi all'interno di un namespae con solo una singola chiamata: $(elem).off('.namespaced')