未显示弹出框

Question

在我的 javascript 文件中

 $(".filter-popover").on("click hover", function (e) {
        e.preventDefault();
        return true;
});
$(".filter-popover").popover();

在我的 html 中：

<a class='filter-popover' href='#' data-toggle="popover" data-placement='left' data-trigger='hover click' data-content='Filters are case insensitive. Prefix a value with &lt; or &gt; to filter for values that are less than or greater than'>
    <i class="fa fa-question-circle" id='filter-info'></i>
</a>

Popover 正在呈现，正如我在控制台的 html 中看到的那样。似乎生成的 class 即 .popover 附加了一些 css 看起来像

:not(.show).fade {
opacity: 0;
}

当我禁用此 css 时，弹出窗口可见。另一件事是弹出框在一个表单中。

有没有人知道弹出框呈现但不显示的原因，我该如何解决？

谢谢！

Answer 1

不确定这是否是正确的解决方法，或者这是否只是一种解决方法，但是使用 this 我能够将不透明度设置为 1（以某种方式使其可见）通过设置

.popover.fade.left.in {
    opacity: 1;
    filter: alpha(opacity=100);
}

未显示弹出框

Popover is not being displayed

popover

bootstrap-4