有没有办法在悬停时显示popover(使用悬停触发器)?

时间:2013-09-01 07:49:38

标签: twitter-bootstrap

我想知道当用户将鼠标悬停在它上面时是否有办法保持弹出窗口显示(我的意思是,不仅是触发元素而且是弹出窗口本身)?

在我的情况下,我的popover content内有一个链接,但是用户无法点击它,因为popover在离开hover触发器元素时隐藏了自己({{ 1}})...

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);
    });