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包含Popper.js，以便弹出窗口起作用！

如果除了bootstrap.bundle.min.js文件之外还包括popper和其他库（无论出于何种原因），Safari和Edge都会抱怨。那时，他们在链上抛出了一个通用错误，而js却放弃了，从而导致弹出窗口无法正常工作。

希望这对其他人有帮助！

Bootstrap 4 Popover无法与Safari一起使用

1 个答案: