Il menu a discesa Bootstrap causa la messa a fuoco per passare all'inizio della pagina

Question

Ho un menu a discesa Bootstrap. Quando seleziono un valore dal menu a discesa, lo stato attivo passa alla parte superiore della pagina. Le opzioni di classe per il menu a tendina sono i seguenti:

<a class = "btn dropdown-toggle" data-toggle = "dropdown" data-target = "#"> 
    <span class = "caret"></span> 
</a> 

esempio jFiddle here. Dovrai scorrere verso il basso nella finestra dei risultati per vedere il menu a discesa.

Qual è il modo migliore per porre rimedio a questo comportamento?

Answer 1

Nel tuo codice hai # ancore.

Quando qualcuno fa clic su questo, il browser si sposta nella parte superiore della pagina alla ricerca di un'ancora che non esiste.

Anche se si rimuove il #, il collegamento penserà che è necessario aggiornare la pagina.

Se è necessario l'ancora per lo styling, fare qualcosa di simile:

<a href = "javascript:return false;">link text</a> 

http://jsfiddle.net/W7gbj/7/