jquery - Bootstrap Popover 悬停 - 内容中间无法正常工作

Question

我需要将我的 bootstrap popover 置于 div 的中心。像这样。

我试过了，效果很好，但有一个问题。当您从弹出窗口可见的右侧 悬停时，它会闪烁更多时间。

Jsfiddle

这是我的代码

<div class="bs-example">
  <button type="button" class="btn btn-primary" data-toggle="popover" data-content="Default popover">Popover 1</button>
</div>

$(document).ready(function() {
  $('[data-toggle="popover"]').popover({
    placement: 'right',
    trigger: 'hover',
    width: '500px'
  });
});

.bs-example {
     margin: 50px 50px;
}

.popover-content {
    padding: 2px 10px;
}

.popover.right>.arrow{
  display: none;
}

.popover{
   left: 90px!important;
   top: 53px!important;
}

尝试了更多时间，仍然无法很好地解决。有什么办法可以解决这个问题吗？

Answer 1

尝试添加 pointer-events: none;

.popover{
   left: 90px!important;
   top: 53px!important;
   pointer-events: none;
}

Fiddle