Question

我已经从bootstrap默认导航栏中复制了，这个下拉列表不起作用，我在代码中包含了所有js和css文件：

                    <li class="dropdown">
                      <a href="#" class="dropdown-toggle" data-toggle="dropdown">username <b class="caret"></b></a>
                      <ul class="dropdown-menu">
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                        <li class="divider"></li>
                        <li><a href="#">Separated link</a></li>
                      </ul>
                    </li>
                     <li><a href="#"><span class="glyphicon glyphicon-bell"></span></a></li>
                  </ul>

这是包含在正文末尾的bootstrap js：

<script src="{% static 'js\bootstrap.js' %}"></script>
<script src="{% static 'js\bootstrap.min.js' %}"></script>

和css：

<link rel="stylesheet" href="{% static 'css\bootstrap.css' %}" type="text/css"/>
<link rel="stylesheet" href="{% static 'css\bootstrap.min.css' %}" type="text/css"/>
<link rel="stylesheet" href="{% static 'css\bootstrap-theme.css' %}" type="text/css"/>
<link rel="stylesheet" href="{% static 'css\bootstrap-theme.min.css' %}" type="text/css"/>

Answer 1

您忘记将jquery.min.js文件包含在html文件的正文部分中。在您的代码中包含以下语句

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

您可以在此页面找到有关导航栏下拉菜单的更多信息，

http://getbootstrap.com/components/#navbar

Answer 2

在关闭</body>代码

之前添加以下代码

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js\bootstrap.min.js"></script>

注意：您需要按照我提到的顺序包含文件。请让我现在，如果那样工作：）

引导程序导航栏下拉列表的问题

2 个答案: