我对表中某些突出显示的行使用了悬停触发的弹出框,并且当您使用鼠标滚轮相对快速地滚动离开元素时,即使您不再将鼠标悬停在该悬停框上,弹出框也会继续显示一秒钟。目标元素。它会产生一个奇怪的效果,弹出框会从滚动方向移开,移到表格的边框之外。
这是一些示例代码:
$('.popover_class').popover({
trigger: 'hover',
placement: 'right'
})
<tr class="bg-warning popover_class" data-toggle="popover" data-content="example"></tr>
我尝试了多种解决方案,包括在使用上面的代码初始化弹出事件后将其隐藏在滚动事件上
$('.popover_class').on('scroll', function() {
this.popover('hide');
});
使用引导程序4,popper.js 1.15,jquery 3.4,DataTables。
谢谢
答案 0 :(得分:2)
将弹出式动画设置为false(默认情况下为true),这将停止对弹出式窗口应用CSS淡入淡出过渡。
$('.popover_class').popover({
trigger: 'hover',
placement: 'right',
animation: false
});
尝试用鼠标滚动触发弹出框隐藏操作将不起作用,因为相同的动画效果将被相同地触发。