Javascript 如何使引导工具提示在单击链接之前保持可见

我有一个链接，当用户有新的通知时，我将通过显示工具提示（twitter引导工具提示）来通知用户。我想要实现的是，在用户单击链接之前，工具提示应该保持可见。一旦用户单击该链接，工具提示就会消失。 这就是我现在所拥有的

HTML

这里发生的事情是，工具提示在您悬停它之前一直可见，并且在您悬停它之后采用其默认行为（悬停时显示）

---

我希望我已经给出了正确的信息并清除了我想要做的事情。

您可以添加一个变量来触发mouseleave事件以重新显示工具提示，然后正如您在评论中所说的，单击时只需销毁工具提示，以便再次鼠标悬停时不会显示：

var clickedNotify = false;
$('p a').tooltip({placement: 'bottom'}).tooltip('show');
$('p a').mouseleave(function() { if (!clickedNotify) { $('p a').tooltip({placement: 'bottom'}).tooltip('show'); } });
$('p a').click(function() { clickedNotify = true; $(this).tooltip('destroy'); });

这样，即使在鼠标移动后，工具提示也会一直显示，直到单击链接为止。单击链接后，工具提示将被销毁，并且仍然不会在mouseleave上的页面上生成javascript错误。

以下是解决方案

添加了选项“触发器”

那么用这条线,

$('p a').on('click',function(){$(this).tooltip('destroy');});

---

单击时销毁工具提示。

如果仍然使用API显示工具提示，请尝试在创建工具提示时添加选项

trigger:'manual'

。@millimoose添加了该选项，现在它已失去默认行为。使用此行$（'pa'）。on（'click'，function（）{$（this）.tooltip（'destroy'）；}）解决；是的，这就是我想要的。thanks@vikasdevde你应该发布完整的解决方案作为答案，并接受它。这是我在谷歌搜索的，现在我得到了答案。非常感谢：）这个答案不再有效/有效，'show'不再是工具提示的选项（）BS@satnam的哪个版本其他几个人也确认这在最新版本中不再有效

var clickedNotify = false;
$('p a').tooltip({placement: 'bottom'}).tooltip('show');
$('p a').mouseleave(function() { if (!clickedNotify) { $('p a').tooltip({placement: 'bottom'}).tooltip('show'); } });
$('p a').click(function() { clickedNotify = true; $(this).tooltip('destroy'); });

$('p a').tooltip({placement: 'bottom',trigger: 'manual'}).tooltip('show');

$('p a').on('click',function(){$(this).tooltip('destroy');});