Angularjs 我能'；不要两者都用；悬停“；及；外部点击；角度引导工具提示上的触发器

我正在使用Angular Bootstrap，希望通过桌面上的“悬停”和移动设备上的“单击”来触发工具提示，移动设备不能悬停，但如果在工具提示之外单击，工具提示也会关闭。我将其设置为tooltip trigger=“hover outsideClick”，因为“outsideClick”现在是一个受支持的触发器（），但是这会完全破坏工具提示，因此即使悬停也无法工作

<span class="glyphicon glyphicon-info-sign" tooltip-trigger="hover outsideClick" uib-tooltip="Tooltip text here"></span>

有什么办法可以让它们一起工作吗

---

如果我只使用工具提示触发器=“鼠标悬停单击”这很不错，但在移动设备上，我只能通过再次单击该项目来关闭工具提示，而不能单击页面上的其他位置来关闭它。

您是否尝试过

工具提示触发器=“鼠标外点击”

？

---

文档中似乎没有提到

悬停

。

是否有机会使用本机引导库？因为它默认支持您正在查找的内容

我已经创建了一个演示程序（请在您的移动设备上查看，以查看tootlips是否按预期工作）

HTML:

您可以阅读它，作为旁注，您必须手动启用工具提示

出于性能原因，工具提示和Popover数据API是可选的，意味着您必须自己初始化它们。

初始化页面上所有工具提示的一种方法是通过其

数据切换属性选择它们：

我认为您正在寻找的是
tooltip trigger=“hover focus”
，
焦点将充当
外部单击
，在用户进行下一次单击时关闭工具提示。我个人用过这个，它在移动和桌面上都很好用

它实际上默认为
悬停焦点
，因此您甚至不必手动添加它们

<div class="row">
  <div class="col-md-12">
    <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button>
    <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="top" title="Tooltip on top">Tooltip on top</button>
    <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</button>
    <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="right" title="Tooltip on right">Tooltip on right</button>
  </div>
</div>

$(function() {
  $('[data-toggle="tooltip"]').tooltip()
});