在使用我有的代码时,下拉菜单起作用并显示其他选项,但是当您单击实际的“交易”文本,这是菜单的主要文本,没有任何反应,它不会将您带向目标页面。主下拉菜单文字直接指向页面,下拉选项直接指向页面上的定位点
我使用的是最新版本的引导
<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”,我希望它将您带到“交易”页面,但将您带到链接到该部分的页面上的定位点。
希望我已经解释清楚了,专业人士可以理解,并可能会提供一些帮助。
谢谢