我想知道当用户将鼠标悬停在它上面时是否有办法保持弹出窗口显示(我的意思是,不仅是触发元素而且是弹出窗口本身)?
在我的情况下,我的popover content
内有一个链接,但是用户无法点击它,因为popover
在离开hover
触发器元素时隐藏了自己({{ 1}})...
答案 0 :(得分:0)
我还没有看到任何带有hover
触发器的解决方案
这是this question
manual
触发器的解决方案
$('.selector').popover({
html: true,
trigger: 'manual',
container: $(this).attr('id'),
placement: 'top',
content: function () {
$return = '<div class="hover-hovercard"></div>';
}
}).on("mouseenter", function () {
var _this = this;
$(this).popover("show");
$(this).siblings(".popover").on("mouseleave", function () {
$(_this).popover('hide');
});
}).on("mouseleave", function () {
var _this = this;
setTimeout(function () {
if (!$(".popover:hover").length) {
$(_this).popover("hide")
}
}, 100);
});