显示bootstrap工具提示加载并在几秒钟后自动隐藏

Question

<a title="show on load" data-toggle="tooltip">Hello world</a> 

$('a').tooltip('show'); 

这是显示工具提示页面加载，但如何隐藏它几秒钟？

我想是这样的，

$('a').tooltip({ 
    'delay': { show: 'show', hide: 3000 } 
}); 

jsfiddle

Answer 1

延迟实际影响所选择的触发方式，默认情况下是悬停显示工具提示的延迟。您需要将触发器设置为手动，然后才能在页面加载时触发它，并设置稍后将隐藏的超时。像这样的东西应该工作：

$('p').tooltip({ 
    trigger: 'manual' 
}); 
$(document).ready(function() { 
    $('p').tooltip('show'); 
    setTimeout(function(){ $('p').tooltip('hide'); }, 3000); 
}); 

请参阅该文档此处获得更多信息：http://getbootstrap.com/javascript/#tooltips