Jak usunąć określone wywołanie zwrotne zdarzenia z elementu HTML za pomocą jquery?

Question

Mam element strony internetowej, która ma kilka zwrotnych na nim

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

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

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

Czy istnieje sposób, aby usunąć tylko FN2 z listy wywołania zwrotne wywołane przez jQuery. Wiem, że mogę dodać "if" wewnątrz funkcji i pewną zmienną globalną, ale tego nie szukam.

Answer 1

Drugi parametr funkcji unbind określa program obsługi, który ma zostać rozwiązany.

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

przykład praca:http://jsfiddle.net/k73Nx/

Answer 2

Zastosowanie Unbind: http://api.jquery.com/unbind/

przykład:

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

Answer 3

zastosowanie .off

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

working fiddle

Answer 4

Uważaj na składnię, inne odpowiedzi są bardzo luźne.

Jeśli używasz:

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

Następnie należy użyć:

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

You nie może użycie

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

lub

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

ponieważ pierwotnie ograniczyłeś swoje wydarzenie do #element, a nie do dokumentu lub treści.

Answer 5

Ciekawe, że nikt jeszcze nie wspomniał o przestrzeniach nazw. Czy jest powód ku temu?

Podczas dołączania wydarzenia można go nazwać spacją. Zamiast $(elem).on('click', fn) dodaj obszar nazw do zdarzenia kliknięcia. $(elem).on('click.namespaced', fn)

Po zwolnieniu można następnie odwiązać to konkretne zdarzenie, również przy użyciu przestrzeni nazw. $(elem).off('click.namespaced')

Jest to najbardziej praktyczne rozwiązanie podczas definiowania funkcji zdarzeń w linii prostej.

Jeszcze jedno można zrobić z nazw jest rozwiązać wszystkie typy zdarzeń w namespae z tylko jednego połączenia: $(elem).off('.namespaced')