Bootstrap Popover不适用于下载的js和CSS

约汉克

popover在django应用中使用时遇到一些奇怪的问题当使用CSS和JS一个最新版本bootstrap它根本不起作用。当我使用指向3.4.1版本的链接时,在某些教程中发现一切正常。我附加的代码行不通,而行之有效。
在最新的引导程序中是否删除了popover功能?

作品(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>
德瓦特

您缺少popper.js
请注意,引导程序包js包含该popper.js库。尝试从CDN而不是从CDN加载此文件bootstrap.js
需要订单:

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Azure中的捆绑不适用于Bootstrap和JQuery,ASP.NET MVC 5

Bootstrap崩溃不适用于JQuery

Twitter Bootstrap popover不适用于首次单击

导航栏下拉菜单不适用于Angular和Bootstrap 4

引导程序导航不适用于新的bootstrap.min.css,但适用于早期版本

模式内部的按钮不适用于Bootstrap 4,但适用于Bootstrap 3

为什么“位置:粘性”不适用于Core UI的Bootstrap CSS

角父窗体控件Bootstrap / CSS不适用于子组件

下拉菜单不适用于Bootstrap版本3.4.1和Jquery> = 3.0.0

CSS位置粘性不适用于bootstrap 4类行

CSS列表不适用于Bootstrap 4

进度栏不适用于javascript和bootstrap

CSS,Bootstrap和Javascript不适用于Django

警报不适用于React Hooks和Bootstrap

bootstrap 3.0 popover('hide')方法:不适用于多个popover内容和标题未删除

Bootstrap scrollspy不适用于Rails

Bootstrap Popover不适用于可排序的jQuery UI

Bootstrap CSS类不适用于动态<li>

Bootstrap响应表不适用于Ember.js

Bootstrap模态不适用于Bootstrap轮播

Fullcalendar和Bootstrap:回调适用于.modal(),但不适用于.dropdown('toggle')

浮动操作菜单不适用于 Bootstrap CSS

Bootstrap.min.css cdn 不适用于 JSP 页面

Bootstrap 'row' 类不适用于 CDN 或下载版本

Parsley JS 不适用于 bootstrap-select

Datepicker 不适用于 bootstrap 4

bootstrap 4 css 不适用于 Flask 中的邮件 html 模板

内联 CSS 不适用于 Bootstrap 类

Bootstrap 下拉选择 CSS 不适用于 !important