Menu rozwijane Bootstrap Powoduje przesunięcie ostrości do góry strony

Mam menu rozwijane Bootstrap. Kiedy wybiorę wartość z rozwijanego menu, fokus przesunie się na górę strony. Opcje klasy dla rozwijanego menu są następujące:Menu rozwijane Bootstrap Powoduje przesunięcie ostrości do góry strony

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

jFiddle przykład here. Będziesz musiał przewinąć okno z wynikami do rozwijanego menu.

Jaki jest najlepszy sposób na zaradzenie temu zjawisku?

można spróbować usunąć #, który spowoduje, że zachowanie - http://jsfiddle.net/ W7gbj/1/ – Jimmyt1988

@JamesT Cześć James, Próbowałem usunąć #, ale to nie zmienia zachowania. –

Dobra, popatrzę dalej. Moje przeprosiny – Jimmyt1988

W swoim kodzie masz # kotwice.

Gdy ktoś kliknie w tę stronę, przeglądarka przejdzie na górę strony, szukając kotwicy, która nie istnieje.

Nawet jeśli usuniesz #, link podejdzie do konieczności odświeżenia strony.

Jeśli potrzebujesz kotwy do stylizacji, zrobić coś takiego:

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

2013-03-28 19:16:12 Jimmyt1988

Zdarzyło mi się zrobić skrzypce z javascript: void (0), więc wrzuciłem go tam. Mam nadzieję, że nie masz nic przeciwko. – isherwood

ahhh javascript: void (0) lol Nie wiedziałem tego. Teraz czuję się winny lol. Dzięki, brah. – Jimmyt1988

Działa w większości przypadków. Istnieje wiele dyskusji na temat SO, z których korzystać. – isherwood

Odpowiedz