我popover
在django应用中使用时遇到一些奇怪的问题。当使用CSS和JS一个最新版本的bootstrap
它根本不起作用。当我使用指向3.4.1版本的链接时,在某些教程中发现一切正常。我附加的代码行不通,而行之有效。
在最新的引导程序中是否删除了popover功能?
<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>
<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>
您缺少popper.js。
请注意,引导程序包js包含该popper.js
库。尝试从CDN而不是从CDN加载此文件bootstrap.js
。
需要订单:
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句