Javascript 为什么不是'；t引导导航栏中跟踪我的链接

我需要一些帮助修改一些bootstap标记。我有一个标准导航条。我的问题是，当我点击最上面的

li

时，它没有跟随链接。如果我单击子

li

中的任何一个，它们都能正常工作

以下链接之一的代码的简短片段：

<div class="navbar-collapse collapse navHeaderCollapse">
            <ul class="nav navbar-nav ">
              <li><a><img src="images/home.png" alt="home"></a></li>
              <li class="dropdown"><a href="service.html" data-toggle="dropdown" class="dropdown-toggle">Link&nbsp;<b class="caret"></b></a>
                <ul class="dropdown-menu">
                  <li><a>Sub-Link 1</a></li>
                  <li><a>Sub-Link 1</a></li>
                  <li><a>Sub-Link 1</a></li>
                  <li><a>Sub-Link 1</a></li>
                </ul>
              </li>

子链路1
子链路1
子链路1
子链路1

如果我单击

链接

项目，它不会导航到

service.html

页面？我曾想过使用js设置它的href，但这迫使我硬编码链接，当所有这些都完成后，这个页面和链接将通过CMS生成。有没有办法让我启用页面上的链接

---

对于那些提出问题的人，我将子链接设置为在鼠标悬停时显示而不是单击，我认为Bootstrap的下拉类不允许您在下拉标题上创建链接。您可能想为service.html创建另一个导航，或将其添加到下拉列表中

您不能在那里修改一位html吗？如果您可以删除数据切换=“dropdown”class=“dropdown toggle”。。或者使用jQuery删除它们也应该这样做。

data toggle=“dropdown”

的目的是切换下拉列表，而不是导航。显示下拉列表只是为了离开页面有什么意义？@ZimSystem是的，我现在明白了，谢谢。如果您将删除数据toggle=“dropdown”的答案放在中，我会检查它是否正确。