引导下拉列表不适用于标准 JS 和 CSS

Bootstrap dropdown not working with standard JS and CSS

本文关键字：JS CSS 标准 适用于 下拉列表 不适用      更新时间：2023-09-26
我不知道

我在做什么前端开发。我有一个锚标签，单击后，我希望显示一个 Bootstrap 下拉菜单，这是 HTML：

<div class="dropdown">
    <a data-target="#" class="dropdown-toggle" data-toggle="dropdown">Developer Ctrls</a>
    <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
        <li><a tabindex="-1" href="#">Action</a></li>
        <li><a tabindex="-1" href="#">Another action</a></li>
        <li><a tabindex="-1" href="#">Something else here</a></li>
        <li class="divider"></li>
        <li><a tabindex="-1" href="#">Separated link</a></li>
    </ul>
</div>

上面的 HTML 直接取自 http://getbootstrap.com/2.3.2/javascript.html#dropdowns

问题是，尽管锚标记显示出来，但当我单击它时没有任何反应 - 下拉菜单没有出现。

我有引导 js 和 css，来自：https://www.bootstrapcdn.com/

为了显示下拉列表，我缺少哪些步骤？

要解决此问题，您将需要引导程序版本 2.3.2。为此，请从您的链接中获取 cdn 并从中更改它：

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css

。对此：

https://maxcdn.bootstrapcdn.com/bootstrap/2.3.2/css/bootstrap.min.css

如下评论：

更好的选择是在较新版本的引导中构建，请参阅小提琴 http://jsfiddle.net/DIRTY_SMITH/70vmmrrx/2/

 <div class="container">
 <div class="dropdown">
    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Developer Ctrls
    <span class="caret"></span></button>
    <ul class="dropdown-menu">
        <li><a tabindex="-1" href="#">Action</a></li>
        <li><a tabindex="-1" href="#">Another action</a></li>
        <li><a tabindex="-1" href="#">Something else here</a></li>
        <li class="divider"></li>
        <li><a tabindex="-1" href="#">Separated link</a></li>
    </ul>
  </div>
</div>
相关文章：