Question

在Contain form within a bootstrap popover?之后，我设法将一个表单放在一个popover中，我正在我的bootstrap导航栏中使用它。当我将鼠标悬停在链接上时，弹出窗口工作正常，但是当我尝试移动鼠标以转到弹出窗口时，它会消失！我该如何解决这个问题？

Navbar项目：

<li <? if($active == "change_password") echo "class=\"active\""?>>
<?php echo '<a href="#" id="popover">the popover link</a>' ?>
</li>
<li class="divider-vertical"></li>

这是js：

$('li:contains("the popover link")').popover({ 
    html : true,
    title: function() {
        return $("#popover-head").html();
    },
    content: function() {
        return $("#popover-content").html();
    }
});

Answer 1

你可能已经解决了这个问题，或者有一个解决方案，但我想分享我的解决方案，因为我需要相同的东西，并且模态不是设计的最佳选择。这适用于Bootstrap 2.x和3.x，并将使用click事件维持切换行为。

$('li:contains("the popover link")').popover({
    html : true,
    title: function() {
        return $("#popover-head").html();
    },
    content: function() {
        return $("#popover-content").html();
    }
}).mouseenter(function () {
    if (!$(this).parent().find('.popover').length) {
        $(this).popover('show');
    }
});

Demo

如何阻止bootstrap popover表单消失

1 个答案: