<div class="collapse navbar-collapse navHeaderCollapse">
<ul class="nav navbar-nav navbar-right">
<li><a href = "link1.html" >Link1</a></li>
<li><a href = "link2.html" >Link2</a></li>
<li class = "dropdown">
<a href = "link3.html" class = "dropdown-toggle" data-toggle = "dropdown"><span>Link3</span><b class = "caret"></b></a>
<ul class = "dropdown-menu">
<li><a href = "#subtab1">Subtab1</a></li>
<li><a href = "#subtab2">Subtab2</a></li>
</ul><!-- END: "dropdown-menu" -->
</li><!-- END: "dropdown" -->
<li><a href = "link4.html" >Link4</a></li>
</ul><!-- END: "collapse navbar-collapse navHeaderCollapse" -->
</div><!-- END: "container" -->
</div><!-- END: "container" -->
</div><!-- END: "navbar navbar-inverse navbar-fixed-top" -->
如您所见，我设置了一个带有多个选项卡的导航栏，分别单击这些选项卡时，它们会链接到相应的HTML文件。但是，由于某些原因，当我单击Link3时，没有任何反应。我检查了文件名-一切-但仍然没有任何反应。我认为这与li标签位于不同位置有关，但是我一直无法弄清楚这个问题的原因（我没有使用任何JavaScript btw）。
你们认为可以解决什么问题？
编辑：
我的错。我没有提到我正在使用Bootstrap 3.2.0。
看来您正在使用Bootstrap。如果不是，您所做的事情非常相似，但是此答案可能无关紧要。
我认为您的问题是由于单击功能打开菜单引起的。尝试将“ Link3”更改为此：
<a href="link3.html" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"><span>Link3</span><b class="caret"></b></a>
新代码仅包含一个添加的属性：
data-hover="dropdown"
我希望这行得通！
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句