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

标签 angularjs tooltip angular-ui-bootstrap

我正在尝试向内部有链接的按钮添加工具提示。我需要让工具提示立即延迟关闭,或者允许我将鼠标悬停在它上面以单击工具提示中的链接。我尝试使用 setTriggers 添加新事件,但无法触发自定义事件。看看这个plunkr举个我目前如何使用它的例子。

最佳答案

您可以使用click show触发器来显示工具提示

tooltip-trigger="click"

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

tooltip-trigger="mouseenter"

但配置show触发器而不配置hide触发器。因此,当鼠标光标移出时,工具提示不会隐藏。

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

希望有帮助。

关于angularjs - 使用 AngularUI 工具提示延迟 mouseleave 事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18884174/

相关文章:

CSS bootstrap 悬停工具提示不起作用

python - QTableView 中每个标题的不同工具提示

angularjs - Angular 中具有未定义值的自定义过滤器

javascript - isolateScope() 给出未定义的 - 使用 Karma 的单元测试指令

javascript - 如何将变量放置在指令 HTML block 内并让 Controller 访问它?

javascript - AngularJS 使用参数创建部分模板

html - Bootstrap 工具提示与普通 HTML 标题

javascript - Angular uib-typeahead 无法正常工作

javascript - 类型错误 : Undefined on module pattern of object instances

javascript - 传递多个参数 UI Bootstrap Modal Window Angular JS 不工作