Bootstrap 4 弹出窗口不适用于 Safari

Question

我正在尝试让一个弹出窗口在悬停时显示。它适用于所有浏览器除了 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) {
     ...
});

Answer 1

了解 bootstrap.bundle.min.js 和 bootstrap.min.js

之间的区别很重要

bootstrap.bundle.js which contains Popper.js in order for popovers to work!

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

希望这对其他人有帮助！

Bootstrap 4 弹出窗口不适用于 Safari

Bootstrap 4 Popover not working with Safari

jquery

bootstrap-popover

bootstrap-4