angularjs - Bootstrap-UI - tooltip is still shown after alert -

I have the following problem:

Every link in my application has a tooltip (Bootstrap-UI ). If the link is clicked, a warning dialog appears and the tooltip disappears. But tooltip in Firefox is still shown!

Here's a plunker:

And how you want to use it with tooltips:

  & lt; A tooltip = "do something" tooltip-popup-delay = "300" tooltip-placement = "bottom" ng-click = "something ()" & gt; Do something & lt; / A & gt;  

Function:

  $ scope.do Some = actions (warnings ("do something"); }  

After the warning window is confirmed, Tooltip is still shown in Firefox.

How can someone help me, how to hide this tooltip in Firefox? It's really stupid!

Thank you!

You can manually hide your tooltips using jQuery like this:

  jQuery ('. Tooltip'). Hide ();  

This will hide all instances of tooltips. In your case, you can say this right after your warning:

  $ scope.doSomething = function (warnings ("do something"); Hide jQuery ('Tooltip'). }  

If you go with this approach, make sure you add the jQuery library.