bootstrap框架鼠标滑过显示popover弹框内容,移走隐藏popover弹框内容
解决方案
<button type="button"
class="btn btn-primary popover-show"
title="服务范围" data-container="body"
data-toggle="popover"
data-html="true"
data-content="河北省邯郸市 <br>北京市朝阳区<br> ">
左侧的 Popover
</button>
在js中判断类型,得到type的值为mouseenter 表示鼠标滑过,mouseout 表示鼠标移走
//滑过显示
$(document).on('hover', '.popover-show', function (e) {
console.log('e====', e.type);
if (e.type == 'mouseenter') {
$('.popover-show').popover('show');
} else {
$('.popover-show').popover('hide');
}
});
滑过显示
滑出则不显示