javascript - Bootstrap 导航栏下拉菜单的问题

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

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

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

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

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