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

时间:2015-03-05 05:51:30

标签: twitter-bootstrap

我想用链接创建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上,它就会关闭。任何人都可以提供解决方案吗?

2 个答案:

答案 0 :(得分: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" });

答案 1 :(得分:0)

我认为它因为你的悬停控制(mouseleave)而关闭。作为一种解决方案,您可以使用{触发器:&#34;单击&#34;}或以您希望的方式编写自定义触发器。