首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >引导弹出不适用于下载的js和css。

引导弹出不适用于下载的js和css。
EN

Stack Overflow用户
提问于 2020-12-02 08:57:27
回答 1查看 324关注 0票数 1

在我的django应用程序中使用popover有一些奇怪的问题。当使用最新版本的的css和js时,bootstrap根本无法工作。当我使用指向3.4.1版本的链接时,我发现在一些教程中,一切都很好。我在附加不起作用的代码和不工作的代码。

在最新的引导程序中,popover函数被删除了吗?

工程(3.5.1):

代码语言:javascript
复制
<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):

代码语言:javascript
复制
<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>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-12-02 09:39:18

你错过了popper.js

注意,引导包js包括popper.js库。尝试从CDN而不是bootstrap.js加载这个。

要求命令:

  1. Jquery
  2. 波普尔
  3. 引导
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/65104914

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档