<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。
答案 0 :(得分: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"
我希望这有效!