Question

我正在使用bootstrap 2.0版

我有以下html结构 -

现在，当我点击Filter by Team时，下拉菜单显示正确。现在当我点击链接时，我应该被带到页面。但链接不工作。我的意思是，当我点击下拉元素时，他们应该把我带到一个网址，这是他们所反映的，这不会发生。

<li style="margin-left: 12px;">
        <div class="dropdown" style="margin-top: 5px;">
          <a class="dropdown-toggle" style="margin-left: -2px;" data-toggle="dropdown" href="#">
            Filter by Team
          </a>
          <ul class="dropdown-menu" data-toggle="dropdown" role="menu" aria-labelledby="dropdownMenu">

            <li>
              <a tabindex="-1" class="disabled" href="/task/list/orgteam/8/">funvilla</a>
            </li>
            <li class="divider"></li>

            <li>
              <a tabindex="-1" class="disabled" href="/task/list/orgteam/6/">Dev Team</a>
            </li>
            <li class="divider"></li>

            <li>
              <a tabindex="-1" class="disabled" href="/task/list/orgteam/5/">Design Team</a>
            </li>
            <li class="divider"></li>


          </ul>
        </div>
      </li>

这个小提琴可以在这里找到 - http://jsfiddle.net/ktgrw/

Answer 1

问题是您为data-toggle设置了<ul>属性，该属性仅用于您要打开/关闭下拉列表的链接，删除它并且链接应该有效。

以下是 updated fiddle ，其中包含正确的引导程序版本并删除了该属性。

此外，在切换链接上使用disabled类来阻止打开下拉列表，您应该将其从链接中移除，因为它不能用于任何实际目的。

Answer 2

链接工作正常。当我们使用href="/task/list/orgteam/5/"之类的相对链接时，我们需要确保我们在存在这些链接的网站上运行此页面。

为了清楚起见，我添加了一个指向谷歌的链接作为this new fiddle (click here to view)中的最后一个列表项，因为它使用了绝对网址href="http://www.google.com"，所以它的工作正常。

Answer 3

我遇到了与bootstrap框架相同的问题，最后得到了解决方案（为我工作）。导入所有必需的javascripts，主要是 jquery.js 。

twitter bootstrap下拉链接不起作用

3 个答案: