angularjs - Bootstrap-UI - 提示后仍显示工具提示

Question

我有以下问题：

在我的应用程序中，每个链接都有一个工具提示（来自 bootstrap-ui）。如果单击该链接，则会出现一个警告对话框并且工具提示消失。但在 Firefox 中，工具提示仍然显示！

这是一个 plunker： plunkr

这就是我想在工具提示中使用它的方式：

<a tooltip="do something" tooltip-popup-delay="300" tooltip-placement="bottom" ng-click="doSomething()">do Something</a>

功能：

$scope.doSomething = function()
{
    alert("do Something");
}

确认警报窗口后，工具提示仍然显示在 Firefox 中。

有人可以帮助我，如何在 Firefox 中隐藏此工具提示？这真是愚蠢！

谢谢！

Answer 1

您可以使用 jQuery 手动隐藏工具提示，如下所示：

jQuery('.tooltip').hide();

这将隐藏工具提示的所有实例。在您的情况下，您可以在警报之后立即调用它，如下所示：

$scope.doSomething = function()
{
    alert("do Something");
    jQuery('.tooltip').hide();
}

如果您采用这种方法，请确保添加 jQuery 库。