Bootstrap twitter引导程序下拉链接不工作

1u4esq0p 于 2022-12-07 发布在 Bootstrap

关注(0)|答案(4)|浏览(171)

我使用的是引导程序2.0版
我有下面的html结构-
现在，当我点击Filter by Team时，下拉菜单正常显示。现在，当我点击链接时，我应该被带到页面。但是链接 * 不 * 工作。我的意思是，当我点击下拉菜单元素时，它们应该把我带到一个url，它们被href 'ed到，这没有发生。

<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/

twitter-bootstrap

来源：https://stackoverflow.com/questions/18543976/twitter-bootstrap-dropdown-links-not-working

4条答案

按热度按时间

llmtgqce1#

问题是您为<ul>设置了data-toggle属性，该属性仅用于您希望打开/关闭下拉列表的链接，删除该属性后，链接应该可以工作。
我也遇到了同样的问题，但是在删除了***data-toggle***属性之后，我的<a>链接工作得很好。

赞(0）回复(0）举报 2022-12-07

zu0ti5jz2#

问题是您为<ul>设置了data-toggle属性，该属性仅用于您希望打开/关闭下拉列表的链接，删除它后链接应该可以工作。
以下是**updated fiddle**，其中包含正确的引导版本和删除的属性。
此外，disabled类用于切换链接以防止打开下拉列表，您应该从链接中删除它，因为它没有任何真实的用途。

赞(0）回复(0）举报 2022-12-07

643ylb083#

当我们使用href="/task/list/orgteam/5/"这样的相对链接时，我们需要确保我们在一个存在这些链接的网站上运行此页面。
为了增加清晰度，我在this new fiddle (click here to view)中添加了一个到google的链接作为最后一个列表项，因为它使用了绝对url href="http://www.google.com"，所以它工作得很好。

赞(0）回复(0）举报 2022-12-07

icomxhvb4#

我也遇到了同样的问题，最后得到了解决方案（对我来说很有效）。导入所有你需要的JavaScript，主要是jquery.js。

赞(0）回复(0）举报 2022-12-07