javascript - Bootstrap的popover如何在鼠标移入弹窗时不消失？

请参考：https://segmentfault.com/n/1330000004885...

可以使用参数trigger = focus，并使用自定义hover事件来触发，例如：

$('#button').popover({
        template: '<p></p>',
        placement: 'bottom',
        trigger: 'focus',
        html: 'true',
        content: '<ul class="multi">'+
                    '<li><a href="/1">1</a></li>'+
                    '<li><a href="/2">2</a></li>'+
                '</ul>'
});

    $('#button').hover(function(){
        $(this).focus();
    },function(){
        // do nothings
    });

你可以把 hover元素和pop元素放在同一个p下面,然后对p 进行 hover操作

因为 popover 的触发元素和 popover 最终的弹出层之间有间隔，无法保证从触发元素移出后能移动到弹出层上，所以个人感觉这个效果无法实现。

popover 可以这么用：

$().popover(options)

options，你传 "show" ，它就显示出来，传 "hide" 就会隐藏，这样的话，LZ 可以手动控制在何时显示，何时隐藏啊。

我在 github 上面新建了一个 issue , 开发者很快就回复了(github链接)。
据他们的解释，这种实现方案被他们舍弃了。因为在移动设备的触屏上面没有 hover 这个事件，所以官方推荐使用 click 事件触发 popover。在桌面版本的浏览器中，可以通过设置 delay 参数让 popover 自动关闭。