Haupt Dropdown-Menü Text verweist auf eine Seite, Dropdown-Optionen direkt zu Ankerpunkten auf der Seite

Question

Momentan mit dem Code, den ich habe, funktioniert das Dropdown-Menü und zeigt die anderen Optionen, aber wenn Sie den tatsächlichen "Trading" Text klicken , was der Haupttext für das Menü ist, passiert nichts, es führt Sie nicht auf die gewünschte Seite.

ich die neueste Version von Bootstrap mit

<li class="dropdown"> 
    <a href="trading.html" class="dropdown-toggle" data-toggle="dropdown">Trading <span class="caret"></span></a> 
    <div class="dropdown-menu"> 
    <ul> 
     <li><a href="a.html">Product Group A</a></li> 
     <li><a href="b.html">Product Group B</a></li> 
     <li><a href="c.html">Product Group C</a></li> 
    </ul> 
    </div> 
</li> 

Der obige Code ist Teil eines navbar.

Was ich in meinem Kopf im Bild haben, ist dies: Wenn Sie auf die Menü-Taste „Handels“ klicken

<a href="trading.html" class="dropdown-toggle" data-toggle="dropdown">Trading <span class="caret"></span></a> 

ich es brauchen Sie die Seite zu nehmen, dass die href es zeigt auf „Handel. html „

ich mag es auch so, dass, wenn Sie hover über‚Handel‘Sie ein Drop-Down-Menü, das die drei Optionen haben

bereitgestellt

<div class="dropdown-menu"> 
    <ul> 
     <li><a href="anchor point A on trading">Product Group A</a></li> 
     <li><a href="anchor point B on trading">Product Group B</a></li> 
     <li><a href="anchor point C on trading">Product Group C</a></li> 
    </ul> 
    </div> 

ich plane, das zu schaffen“ Trading-Seite mit drei Abschnitten, die jeweils eigene Ankerpunkte haben, einen für jede Produktgruppe im Dropdown-Menü.

Wenn Sie auf "Trading" klicken, möchte ich, dass Sie zum Anfang der Seite gelangen. Wenn Sie beispielsweise auf "Produktgruppe B" klicken, möchte ich, dass Sie auf die Seite "Trading" gelangen, aber Sie zum Ankerpunkt auf der Seite führen, die mit diesem Abschnitt verknüpft ist.

Hoffentlich habe ich es gut genug für den Fachmann erklärt und kann mir mit etwas Hilfe zur Verfügung stellen.

Vielen Dank

Answer 1

Wie wäre es mit einer Split-Taste?

http://codepen.io/Sixl/pen/VPJawG?editors=1111

Aus irgendeinem Grund wird die „Haupttaste“ anders gestylt, wenn <a class="btn"> statt <button class="btn"> innerhalb der Gruppe verwendet wird. Sie müssten also die Stile korrigieren, um sie mit einem normalen Anchor-Tag zu verwenden. Aber sollte nicht zu viel Mühe sein