Question

我正在尝试使用这样的引导程序创建一个下拉按钮：

<div class="btn-group">
<a href="#" type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown"> dropdown </a>

                <ul class="dropdown-menu" role="menu">
                    <li><a href="#">Action</a></li>
                    <li><a href="#">Another action</a></li>
                </ul>
</div>

bootstrap insert＆＃34; open＆＃34;父div的类，单击按钮显示下拉菜单。就我而言，它并没有插入＆＃34;打开＆＃34;类。我试过更换＆＃34; btn-group＆＃34;用＆＃34;下拉＆＃34;但没有任何好处。验证bootstrap.min.js包含在源代码中。非常感谢

Answer 1

我遇到过这个问题。对我来说，这是因为脚本第二次被加载到页面中。 CodeIgniter正在将一个变量传递给未明确传递给view方法的视图，这导致了框架的误用和令人困惑的结果。

Answer 2

是否包含jQuery？

这对我有用：

<!DOCTYPE>
<html>
    <head>
        <script type="text/javascript" src="jquery.js"></script>
        <link rel="stylesheet" href="bootstrap.min.css">
        <script type="text/javascript" src="bootstrap.min.js"></script>
    </head>
    <body>
        <div class="btn-group">
            <a href="#" type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown"> dropdown </a>
            <ul class="dropdown-menu" role="menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
            </ul>
        </div>
    </body>
</html>

Demo

Answer 3

就我而言，我在较高级别上解除了文档的绑定，例如$（document）.unbind（）它将取消文档与文档中注册的所有事件的绑定，因此，单击下拉按钮时不会触发任何事件。

Answer 4

在引导程序4中，它是 show 类，而不是 open

<div class="btn-group">
<a href="#" type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown"> dropdown </a>
 <ul class="dropdown-menu show" role="menu">
   <li><a href="#">Action</a></li>
   <li><a href="#">Another action</a></li>
 </ul>
</div>

Answer 5

不要忘记将integrity属性添加到jquery和cdn脚本中。请参见下面的示例。

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>

有关更多详细信息，请阅读此https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity

引导下拉没有得到＆＃34;打开＆＃34;类

我正在尝试使用这样的引导程序创建一个下拉按钮：

5 个答案: