javascript - 在我的鼠标移入之前，我如何保持 Twitter Bootstrap Popover 打开？

Question

我有一个使用 Twitter Bootstrap Popover version 1.3.0 的链接显示一些信息。此信息包含一个链接，但每次我将鼠标从链接移到弹出窗口时，弹出窗口就会消失。

如何让弹出窗口保持打开足够长的时间以使鼠标能够移入其中？然后当鼠标移出link和popover时，隐藏？

或者是否有其他插件可以做到这一点？

Answer 1

使用 Bootstrap (用版本 2 测试)我想出了以下代码:

$("a[rel=popover]")
            .popover({
                offset: 10,
                trigger: 'manual',
                animate: false,
                html: true,
                placement: 'left',
                template: '<div class="popover" onmouseover="$(this).mouseleave(function() {$(this).hide(); });"><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title"></h3><div class="popover-content"><p></p></div></div></div>'

            }).click(function(e) {
                e.preventDefault() ;
            }).mouseenter(function(e) {
                $(this).popover('show');
            });

要点是使用 mouseleave() 启用程序覆盖模板。我希望这会有所帮助。