javascript - 工具提示在 3 秒后隐藏的代码仅在第一次工作正常，除非我重新加载页面。我认为悬停功能只执行一次

Question

$('#example').hover(function() {
setTimeout(function(){$('[data-toggle="tooltip"]').tooltip('hide'); },3000);

这是 js fiddle 链接:- https://jsfiddle.net/akshandilya/8qmgnpb1/2/

Answer 1

您需要为悬停添加一个事件监听器。如果您再次测试它，但在悬停之前等待三秒钟，您会发现它甚至第一次都不起作用。计时器在文档加载后 3 秒执行。以下是您应该如何修改它:

$('[data-toggle="tooltip"]').tooltip();
$('a').hover(function()  {
  setTimeout(function() {
    $('[data-toggle="tooltip"]').tooltip('hide');
  },3000);
});

这样，超时发生在悬停实际开始之后。