将鼠标悬停在popover上时隐藏bootstrap popover

Question

我想用链接创建popover。我使用以下代码。

<a href="#" data-toggle="popover" data-placement="bottom" data-original-title="Default tooltip" title="popover content" data-html="true">Tooltip</a>
$('[data-toggle="popover"]').popover({ trigger: "hover" });   

Popover工作正常，但如果将鼠标悬停在popover上，它就会关闭。任何人都可以提供解决方案吗？

Answer 1

<a href="#" data-toggle="popover" data-placement="bottom" data-original-title="Default tooltip" title="popover content" data-html="true">Tooltip</a>


$('[data-toggle="popover"]').popover({ trigger: "focus" });

Answer 2

我认为它因为你的悬停控制（mouseleave）而关闭。作为一种解决方案，您可以使用{触发器：＆＃34;单击＆＃34;}或以您希望的方式编写自定义触发器。