在使用我有的代碼時,下拉菜單起作用並顯示其他選項,但是當您單擊實際的「交易」文本,這是菜單的主要文本,沒有任何反應,它不會將您帶向目標頁面。主下拉菜單文字直接指向頁面,下拉選項直接指向頁面上的定位點
我使用的是最新版本的引導
<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>
的上面的代碼是一個導航欄的一部分。
我已經在我腦海中想象這就是:當你的菜單按鈕,然後點擊「交易」
<a href="trading.html" class="dropdown-toggle" data-toggle="dropdown">Trading <span class="caret"></span></a>
我需要它把你的href是將其指向「交易頁面。 HTML「
我也想這樣,當你在hover
‘交易’你會得到一個下拉菜單中有提供
<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>
三個選項我計劃打造的」交易「頁面,其中有三個部分,每個部分都有自己的錨點,其中一個用於下拉菜單中的每個產品組。
當你點擊「交易」時,我希望它把你帶到頁面的頂部。但是,如果您點擊「產品組B」,我希望它將您帶到「交易」頁面,但將您帶到鏈接到該部分的頁面上的定位點。
希望我已經解釋清楚了,專業人士可以理解,並可能會提供一些幫助。
謝謝