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”，我希望它将您带到“交易”页面，但将您带到链接到该部分的页面上的定位点。
希望我已经解释清楚了，专业人士可以理解，并可能会提供一些帮助。
谢谢