Django下拉菜单不适用于标签'load bootstrap3'答案

【问题标题】：Django dropdown menu not working with tag 'load bootstrap3'Django下拉菜单不适用于标签'load bootstrap3'
【发布时间】：2020-02-22 13:21:34
【问题描述】：

我正在用 django 创建一个网站，我有一个这样的下拉菜单：

<li class="dropdown">
  <a data-toggle="dropdown" href="#">{{ user.username }}</a>
  <ul class="dropdown-menu dropdown-menu-left">
    <li><a href="{% url 'users:profile' user.username %}">Profile</a></li>
    <li><a href="#">Requests</a></li>
    <li><a href="{% url 'booking:cars' %}">Your cars</a></li>
    <li><a href="#">Your reservations</a></li>
  </ul>
</li>

如果我转到包含这段代码的页面：

{% load bootstrap3 %} 
{% bootstrap_javascript jquery='full' %}

下拉菜单不工作，但如果我删除下拉菜单上方的 2 行工作正常。

知道我必须保留这 2 行，我是如何解决这个问题的

【问题讨论】：

你有另一个导入js和css代码吗？也许其他js和css代码主导引导代码。
你需要依次导入css和js文件，别忘了导入popper和jquery
@kamilyrb 我在主页上有page.html 加载静态标签并链接如下：<link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet" type="text/css"> 但我没有另一个标签load bootstrap3 或bootstrap_javascript
@lalit-vasoya 你能解释更多并提供更多细节吗？

标签： django twitter-bootstrap-3

【解决方案1】：

你需要按照顺序首先bootstrap.css文件第二jquery.js然后popper.js然后boostrap.js不要忘记链接popper.js这个文件用于开放模型

boostrap.css 使用链接标签
jquery.js 使用脚本标签
popper.js 使用脚本标签
bootsrap.js 使用脚本标签

<head>
    <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
    <script src="{% static 'js/jquery.min.js' %}"></script>
    <script src="{% static 'js/popper.min.js' %}"></script>
    <script src="{% static 'js/bootstrap.min.js' %}"></script>
</head>

我给CDN链接放在你的代码中，否则下载这些文件并链接它们，我给你上面的东西按照这些顺序&不要忘记proper.js或jquery.js

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>

如果这个工作，那么做正确的答案如果不工作，请给出在浏览器中显示的控制台错误，

【讨论】：

我给我答案检查一下
我正在使用 bootstrap 3，当我下载 bootstrap 时我没有文件 popper.js，我认为这是在 bootstrap 4 中。我认为脚本应该在底部加载页面不在head 上，因此页面加载速度更快
如果你在底部加载你的脚本，请确保你需要在这之后编写打开模型脚本，你写这个是对的