如何使引导工具提示保持可见,直到单击链接

Question

我有一个链接,我将用作通知,当用户有一些新的通知我将通过显示工具提示(twitter bootstrap工具提示)通知用户.我想要实现的是,工具提示应该保持可见,直到用户点击链接.一旦用户点击链接,工具提示就应该销毁.这就是我现在所拥有的,http://jsfiddle.net/testtracker/QsYPv/

HTML

<p><a href="#" rel="tooltip" data-original-title="you have 2 notifications">Notification</a>.</p>?

JavaScript的

$('p a').tooltip({placement: 'bottom'}).tooltip('show');?

发生什么事情,工具提示保持可见,直到你将其悬停,并在你悬停它时采取默认行为(在悬停时显示).

我希望我已经提供了适当的信息,并清除了我想做的事情.

Answer 1

这是解决方案http://jsfiddle.net/testtracker/QsYPv/8/

添加了"触发器"选项

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

然后,用这条线

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

单击时销毁工具提示.