推特引导下拉链接不起作用

Question

我使用的是引导程序 2.0 版

我有以下 html 结构 -

现在，当我单击 Filter by Team 时，下拉菜单会正确显示。现在，当我单击链接时，我应该被带到该页面。但是这些链接不起作用。我的意思是，当我单击下拉元素时，它们应该将我带到一个 url，它们被链接到该 url，这不会发生。

<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

问题是您为<ul> 设置了data-toggle 属性，该属性仅适用于您要打开/关闭下拉列表的链接，将其删除，链接应该可以工作。

这是 updated fiddle，其中包含正确的引导程序版本和已删除的属性。

此外，disabled 类用于切换链接以防止打开下拉菜单，您应该将其从链接中删除，因为它没有任何实际用途。

Answer 2

链接运行良好。当我们使用像 href="/task/list/orgteam/5/" 这样的相对链接时，我们需要确保我们在存在这些链接的网站上运行此页面。

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

Answer 3

我在使用引导框架时遇到了同样的问题，最后得到了解决方案（对我有用）。 导入所有需要的 javascript，主要是 jquery.js 。