2017-02-19 80 views
0

在使用我有的代碼時,下拉菜單起作用並顯示其他選項,但是當您單擊實際的「交易」文本,這是菜單的主要文本,沒有任何反應,它不會將您帶向目標頁面。主下拉菜單文字直接指向頁面,下拉選項直接指向頁面上的定位點

我使用的是最新版本的引導

<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」,我希望它將您帶到「交易」頁面,但將您帶到鏈接到該部分的頁面上的定位點。

希望我已經解釋清楚了,專業人士可以理解,並可能會提供一些幫助。

謝謝

回答

0

如何使用拆分按鈕?

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

出於某種原因,「主鍵」被使用<a class="btn">,而不是<button class="btn">組內時,風格不同。因此,您需要更正樣式才能將其與正常的錨標籤一起使用。但不應該太麻煩