Is there a way to keep the popover displaying when hover on it (whith hover trigger)?

Question

I m wondering if there is a way to keep the popover displaying when the user hover on it (i mean, not only the trigger element but the popover itself)?

In my case, i have a link inside my popover content, but the user can't click it, because the popover hides itself when leaving the hover trigger elelement(hover trigger)...

Answer 1

I haven't seen any solution yet with hover trigger here is my solution with manual trigger from this question

$('.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);
    });