弹出窗口的不透明度：0 显示

Question

我有 Bootstrap 4 文档中的按钮：

<button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
  Popover on top
</button>

下面是一个方法：

$(function () {
  $('[data-toggle="popover"]').popover({
    container: 'body',
    trigger: 'click',
  })
})

检查 HTML 时，我可以看到显示了一个<div class="popover fade top in".. 不可见的新 div。检查元素时，它有一个隐藏它的类：

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

取消切换它，按预期显示弹出窗口。任何线索，我做错了什么？

Answer 1

问题在于弹出窗口上的类的选择。正如你所说的正确.fade:not(.show)，但你的课程是<div class="popover fade top in"..。所以问题是它使用.in而不是.show. 所以我猜想有些地方存在版本差异，因为我认为bootstrap 3中的弹出窗口曾经有in，而bootstrap 4使用show

您是否使用引导事件在某处手动设置此值？或者也许您导入了错误版本的 bootstrap.js？