我需要将我的 bootstrap popover 置于 div 的中心。像这样。
我试过了,效果很好,但有一个问题。当您从弹出窗口可见的右侧 悬停时,它会闪烁更多时间。
这是我的代码
<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/