Bootstrap 弹出窗口无法正常工作

问题描述

我正在使用 bootstrap 5 创建一个网站，我想要一个按钮，当用户点击它时会出现一个弹出框。

我已将 jQuery 和 popper.js 文件添加到我的文件中。但是，当我单击按钮时，什么也没有发生。我检查了控制台，它似乎没有显示任何错误。我不知道出了什么问题。

这是我的按钮代码。

  <button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus
sagittis lacus vel augue laoreet rutrum faucibus."><i class="fas fa-shopping-cart" style="color: #fff;">
  Cart </i>
</button>

这是我的 jQuery 代码

$(document).ready(() => {
    $('[data-toggle="popover"]').popover();   
  });

这是我链接的 jQuery 和 popper.js 文件。

 <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>
        
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>

我想知道我是否链接了错误版本的文件，因为引导程序网站在这方面不是很有帮助。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）