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条评论
登录后参与评论

相关文章

来自分类Dev

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

来自分类Dev

CSS,Bootstrap和Javascript不适用于Django

来自分类Dev

Twitter Bootstrap popover不适用于首次单击

来自分类Dev

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

来自分类Dev

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

来自分类Dev

CSS列表不适用于Bootstrap 4

来自分类Dev

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

来自分类Dev

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

来自分类Dev

进度栏不适用于javascript和bootstrap

来自分类Dev

警报不适用于React Hooks和Bootstrap

来自分类Dev

Angular JS验证不适用于Bootstrap的预输入

来自分类Dev

Bootstrap Select2不适用于JS功能

来自分类Dev

Bootstrap响应表不适用于Ember.js

来自分类Dev

Parsley JS 不适用于 bootstrap-select

来自分类Dev

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

来自分类Dev

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

来自分类Dev

Bootstrap崩溃不适用于JQuery

来自分类Dev

Bootstrap scrollspy不适用于Rails

来自分类Dev

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

来自分类Dev

Bootstrap模态不适用于Bootstrap轮播

来自分类Dev

Bootstrap模态不适用于Bootstrap轮播

来自分类Dev

垂直居中CSS规则适用于bootstrap3中的行,但不适用于列

来自分类Dev

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

来自分类Dev

字体字形不适用于bootstrap 3和rails 4

来自分类Dev

我的addClass和removeClass代码似乎不适用于Bootstrap Glyphicons

来自分类Dev

宽度的bootstrap进度栏样式不适用于角度js绑定变量

来自分类Dev

Bootstrap模态不适用于Clipboard.js(在Firefox上)

来自分类Dev

简单的Shuffle.js搜索不适用于Bootstrap 4卡

来自分类Dev

Bootstrap崩溃不适用于Meteor.js的每个循环

Related 相关文章

  1. 1

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

  2. 2

    CSS,Bootstrap和Javascript不适用于Django

  3. 3

    Twitter Bootstrap popover不适用于首次单击

  4. 4

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

  5. 5

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

  6. 6

    CSS列表不适用于Bootstrap 4

  7. 7

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

  8. 8

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

  9. 9

    进度栏不适用于javascript和bootstrap

  10. 10

    警报不适用于React Hooks和Bootstrap

  11. 11

    Angular JS验证不适用于Bootstrap的预输入

  12. 12

    Bootstrap Select2不适用于JS功能

  13. 13

    Bootstrap响应表不适用于Ember.js

  14. 14

    Parsley JS 不适用于 bootstrap-select

  15. 15

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

  16. 16

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

  17. 17

    Bootstrap崩溃不适用于JQuery

  18. 18

    Bootstrap scrollspy不适用于Rails

  19. 19

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

  20. 20

    Bootstrap模态不适用于Bootstrap轮播

  21. 21

    Bootstrap模态不适用于Bootstrap轮播

  22. 22

    垂直居中CSS规则适用于bootstrap3中的行,但不适用于列

  23. 23

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

  24. 24

    字体字形不适用于bootstrap 3和rails 4

  25. 25

    我的addClass和removeClass代码似乎不适用于Bootstrap Glyphicons

  26. 26

    宽度的bootstrap进度栏样式不适用于角度js绑定变量

  27. 27

    Bootstrap模态不适用于Clipboard.js(在Firefox上)

  28. 28

    简单的Shuffle.js搜索不适用于Bootstrap 4卡

  29. 29

    Bootstrap崩溃不适用于Meteor.js的每个循环

热门标签

归档