Bootstrap 4 Popover 不适用于 Safari答案

【问题标题】：Bootstrap 4 Popover not working with SafariBootstrap 4 Popover 不适用于 Safari
【发布时间】：2019-03-10 22:21:16
【问题描述】：

我正在尝试在悬停时显示弹出框。它适用于所有浏览器除了 Safari。在 Safari 中绝对没有任何反应。我不确定我做错了什么。

这是我的html：

<div class="my-class" data-toggle="popover">
    ...
</div>

这是监听弹出框的 html：

$(function () {

$('[data-toggle="popover"]').popover({
    trigger: 'hover',
    placement: 'top',
    html: true,
    title: function () {
        return $('.qtip .title', $(this)).html();
    },
    content: function () {
        return $('.qtip .content', $(this)).html();
    }
});  

});

Safari 在控制台中根本看不到悬停。我不确定我是否错过了明显的步骤或我做错了什么。感谢您的任何建议！

编辑

我在同一页面上使用它，它在所有浏览器中都可以使用。

$('[data-toggle="collapse"]').click(function (event) {
     ...
});

【问题讨论】：

此链接可能对您有所帮助：github.com/angular-ui/bootstrap/issues/3687
感谢 Aniket - 似乎这都是 angular-ui/angular bootstrap。我正在直接运行 jQuery + BS。该页面中是否有您认为可以提供帮助的地方？

标签： jquery bootstrap-4 bootstrap-popover

【解决方案1】：

了解bootstrap.bundle.min.js和bootstrap.min.js之间的区别很重要

bootstrap.bundle.js 包含 Popper.js 以便弹出框工作！

如果除了 bootstrap.bundle.min.js 文件之外还包含 popper 和其他库（无论出于何种原因），Safari 和 Edge 会报错。那时他们会抛出一个通用错误，而 js 就放弃了——导致弹出框不起作用。

希望这对其他人有帮助！

【讨论】：