我有一个链接,当用户有一些新的通知时,我将用作通知我将通过显示工具提示(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');
发生了什么,工具提示在你悬停它之前一直保持可见,并在你悬停它时采取默认行为(在悬停时显示).
我希望我已经提供了适当的信息并清除了我想要做的事情.
解决方法:
这是解决方案http://jsfiddle.net/testtracker/QsYPv/8/
添加了“触发器”选项
$('p a').tooltip({placement: 'bottom',trigger: 'manual'}).tooltip('show');
然后,用这条线
$('p a').on('click',function(){$(this).tooltip('destroy');});
单击时销毁工具提示.