jquery - 如何阻止引导弹出框消失

Question

在引导弹出窗口中包含表单？，我设法在我的引导导航栏中使用的弹出窗口中放置了一个表单。当我将鼠标悬停在链接上时，弹出窗口工作正常，但是当我尝试移动鼠标以到达弹出窗体时，它消失了！我怎样才能解决这个问题？

导航栏项目：

<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，并且将通过点击事件保持切换行为。

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

演示