【问题标题】:Bootstrap popover does not work with downloaded js and cssBootstrap popover 不适用于下载的 js 和 css
【发布时间】:2020-12-02 08:57:27
【问题描述】:

在我的 django 应用程序中使用 popover 时遇到了一些奇怪的问题。当使用bootstrap最新版本 的css 和js 时,它根本不起作用。当我使用 3.4.1 版本的链接时,我在一些教程中发现一切正常。我附上了不起作用的代码和起作用的代码。
最新的引导程序中是否删除了弹出功能?

作品(3.5.1):

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="{% static 'js/jquery-3.5.1.min.js' %}"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

<a href="#" data-toggle="popover" title="Popover Header" data-content="Some content inside the popover">Toggle popover</a>

<script>
    $(document).ready(function(){
        $('[data-toggle="popover"]').popover();
    });
</script>

不起作用(4.5.x):

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

<a href="#" data-toggle="popover" title="Popover Header" data-content="Some content inside the popover">Toggle popover</a>

<script>
    $(document).ready(function(){
        $('[data-toggle="popover"]').popover();
    });
</script>

【问题讨论】:

  • 我刚刚尝试了 CDN 的代码,一切正常,所以您的 static_url / static_root 可能有问题。你能告诉我们你是如何在你的 settings.py 中配置的吗?
  • 您是否查看过浏览器中呈现的 URL?单击 CSS/JS 链接时是否收到 404?您可能引用了错误的文件位置,或者settings.py 中的静态设置可能有误。
  • 我现在更困惑了。我将popover.min.js 复制到我的静态文件位置(在我的settings.py 中只是STATIC_URL = '/static/')并加载-[02/Dec/2020 10:22:58] "GET /static/js/popover.min.js HTTP/1.1" 304 0 但没有关于其他文件的任何内容,日志中没有任何内容。
  • 看起来只是不是每次都显示。所以静态文件没有错误。一切正常。

标签: django twitter-bootstrap popper.js


【解决方案1】:

您缺少 popper.js
请注意,bootstrap bundle js 包括 popper.js 库。尝试从 CDN 加载这个而不是 bootstrap.js
需要订购:

  1. jQuery
  2. 波普尔
  3. 引导程序

【讨论】:

  • 就是这样!我只包含了 jquery,然后包含了整个引导程序包,它确实有效。谢谢!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-03-09
  • 2021-11-07
  • 1970-01-01
  • 2018-09-04
  • 1970-01-01
相关资源
最近更新 更多