jquery Turning "on" und "off" Event-Handler

Question

Wie würde ich die "off" -Richtlinie auf einen benannten Handler anwenden?

ex

var $btn = $("#theBtn"); 
var namedHandler = $btn.on("click", function() { 
//do something 
//then turn off 
}) 

würde ich es ausschalten wie diese

$btn.off("click"); 

oder könnte ich etwas anderes tun, jetzt ist es in einer Variablen gespeichert?

namedHandler.off("click"); 

oder

namedHandler.off(); 

usw.

Alle Zeiger sehr geschätzt.

Answer 1

Die gleiche Referenz wird in seine $btnundnamedHandler auf das jQuery-Objekt zu erreichen. Beide geben einen Verweis auf das gleiche zurück, so dass die Zuweisung dasselbe zuweist.

Sie können es off() mit jeder Methode drehen.

Was ist mit Ihrem Beispiel besser geeignet sein kann, ist namespacing your event, so wird off('click', ...)alleclick Ereignisse nicht lösen.

Answer 2

Sie könnten eine Funktion für Ihren Handler definieren und diese an .off() übergeben, um diesen Handler zu deaktivieren, und .on(), um ihn wieder zu aktivieren.

Die Dokumentation enthält Beispiele diese

http://api.jquery.com/off/

function aClick() { 
    $("div").show().fadeOut("slow"); 
} 
$("#bind").click(function() { 
    $("body").on("click", "#theone", aClick) 
    .find("#theone").text("Can Click!"); 
}); 
$("#unbind").click(function() { 
    $("body").off("click", "#theone", aClick) 
    .find("#theone").text("Does nothing..."); 
}); 

Answer 3

können Sie auch tun dies

function handleClick(event) 
{ 
    // code 
} 

$('#btn').on('click', handleClick); 

$('#btn').off('click', handleClick); 

Einige nützliche Beispiele nur etwa ein/aus here.

Answer 4

Zusätzlich zu dem, was @ Alex & @WereWolf sagte, finde ich oft dies nützlich:

Für einen Einsatz Event-Handler können Sie .one() statt .on() von .off() gefolgt verwenden

$("#foo").one("click", function() { 
    alert("This will be displayed only once."); 
}); 

http://api.jquery.com/one/