event.preventDefault() beim ersten Klick und dann entfernen

Question

Ich habe die Standard-Anker deaktiviert, wenn es eine Klasse Subnav wie in this fiddle gezeigt hat.

Ich möchte nur deaktiviert für den ersten Klick, dann möchte ich die normale Ankerfunktionalität zurückgebracht werden. Was ist der beste Weg, dies zu tun? Ich habe versucht, etwas mit dem folgenden Code, aber das schien nicht zu funktionieren?

$(this).unbind(event.preventDefault()); 

vielleicht so etwas wie dieser Pseudo-Code?

if (click count === 0) { 
    event.preventDefault(); 
} 

oder gibt es eine bessere Möglichkeit, dies zu erreichen?

Answer 1

Sie können false-one() passieren funktioniert:

$(".subnav a").one("click", false); 

Passing false statt eines Handler äquivalent zu Übergeben eines Handlers, der false zurückgibt, wodurch die Weitergabe des Ereignisses effektiv gestoppt und sein Standardverhalten verhindert wird.

Dies wird in der Dokumentation für bind() erklärt:

In jQuery 1.4.3 Sie jetzt in false anstelle eines Ereignisses Handler passieren kann. Dadurch wird ein Ereignishandler wie folgt gebunden: function() { return false; }.

Answer 2

Binden Sie den Ereignishandler mit one()^docu. Es wird einmalig ausgeführt und danach automatisch wieder gelöst.

$(".subnav a").one("click", function(event) { 
    event.preventDefault(); 
}); 

Alternativ können Sie es auch direkt in der Funktion losbinden. Es ist gut, einen Namespace zu verwenden, für die

$(".subnav a").bind("click.myclick", function(event) { 
    event.preventDefault(); 
    $(this).unbind(".myclick"); 
}); 

Answer 3

dies für Sie

$("#elementid").bind("click", function(event) { 
    alert("This will be displayed only once."); 
    event.preventDefault(); 
    $(this).unbind(event); 
}); 

Answer 4

Sie könnten etwas so einfach wie selbst in der Click-Handler binden.

So etwas wie

function stopEventOnce(event) { 
    event.preventDefault(); 
    $(this).unbind('click',stopEventOnce); 
    return false; 
} 
$(".subnav a").bind('click', stopEventOnce); 

Modified fiddle

Answer 5

Das funktioniert gut. Der zweite Klick geht auf die Seite ...

$(".smallNavigation > ul > li > a").click(function (e) { 

    $("ul.sub-menu").hide(); 
    $("ul.sub-menu", $(this).parent("li")).show(); 

    e.preventDefault(); 
    $(this).unbind(e); 

}