使用AngularUI工具提示延迟mouseleave事件

时间:2013-09-18 23:47:02

标签: angularjs tooltip angular-ui-bootstrap

我正在尝试向其中包含链接的按钮添加工具提示。我需要让工具提示立即延迟关闭或允许我将鼠标悬停在工具提示上点击链接。我尝试使用setTriggers添加新事件,但无法触发自定义事件。请查看此plunkr,了解我目前如何使用它的示例。

1 个答案:

答案 0 :(得分:0)

您可以使用click show触发器来显示tooltip

tooltip-trigger="click"

或者您可以使用mouseenter show触发器

tooltip-trigger="mouseenter"

但在没有show触发器的情况下配置hide触发器。因此,当鼠标光标移出时,tooltip将不会隐藏。

$tooltipProvider.setTriggers({'mouseenter':''})

希望它有所帮助。