event.preventDefault() al primo clic, quindi rimuovere

Question

Ho l'ancoraggio predefinito disabilitato se ha una sottocoda di classe come mostrato in this fiddle.

Voglio solo disabilitato per il primo clic, quindi voglio che la normale funzionalità di ancoraggio venga ripristinata. Qual è il modo migliore per farlo? Ho provato qualcosa che coinvolge il codice qui sotto, ma questo non sembra funzionare?

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

forse qualcosa come questo codice psuedo?

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

oppure c'è un modo migliore per avvicinarsi a questo?

Answer 1

È possibile passare false-one():

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

Passando false invece di un gestore è equivalente a passando un gestore che restituisce false, fermando in modo efficace la propagazione dell'evento e impedendo il suo comportamento predefinito.

questo è spiegato nella documentazione per bind():

In jQuery 1.4.3 ora è possibile passare in false al posto di un gestore di eventi. In questo modo verrà associato un gestore di eventi equivalente a: function() { return false; }.

Answer 2

Associare il gestore eventi con one()^docu. Esegue una volta e si separa automaticamente in seguito.

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

In alternativa è possibile separarlo direttamente nella funzione. E 'bene utilizzare uno spazio dei nomi per questo

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

Answer 3

questo sarà il lavoro per voi

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

Answer 4

È possibile utilizzare qualcosa di semplice come self-unbind nel gestore di clic.

Qualcosa di simile

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

Modified fiddle

Answer 5

Questo metodo funziona bene. Il secondo clic va alla pagina ...

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

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

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

}