【发布时间】: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