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

我需要将我的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;
}

尝试了更多时间，但仍然无法解决问题。有任何解决这个问题的方法吗？

最佳答案

尝试添加pointer-events: none;

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

Fiddle

关于jquery - 悬停时出现Bootstrap Popover-中间内容无法正常工作，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/57269344/