mfc鼠标移动到按钮上时_Bootstrap的popover鼠标移入弹窗时不消失【推荐收藏】

使用bootstrap的popover，trigger设置为hover时，可以实现当鼠标放置到目标元素上时显示popover，可是无法实现当鼠标移动到popover上时不隐藏popover，在网上找了一些网友贡献的方法，不过是需要修改bootstrap的源代码，这是我很抗拒的，所以只有寻找其他方法，下面的方法完美解决：(亲测有用)

为了提高性能，popover是按需加载的，所以当我们需要用到的时候，我们就启用一下，如下：

$(‘[data-toggle=”popover”]’).popover();

而调整后的写法如下：

$(‘[data-toggle=”popover”]’).popover({ trigger: “manual” , html: true, animation:false})

.on(“mouseenter”, function () {

var _this = this;

$(this).popover(“show”);

$(“.popover”).on(“mouseleave”, function () {

$(_this).popover(‘hide’);

});

}).on(“mouseleave”, function () {

var _this = this;

setTimeout(function () {

if (!$(“.popover:hover”).length) {

$(_this).popover(“hide”);

}

}, 300);

});

非常简单吧。

----