javascript - 在加载时显示 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

延迟实际上影响的是选择的触发方式显示tooltip的延迟，默认是hover。您需要将触发器设置为手动，然后您可以在页面加载时触发它并设置稍后隐藏的超时。这样的事情应该有效:

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

有关更多信息，请参阅此处的文档:http://getbootstrap.com/javascript/#tooltips