jquery - 如何在鼠标悬停超过 1 秒后使用 jQuery QTip 显示某些内容

Question

我想在鼠标悬停超过 1 秒后在链接上显示 QTIP ( http://craigsworks.com/projects/qtip/ )。这怎么可能？

如果我将鼠标悬停在元素上少于 1 秒，则不会发生任何事情。我试过下面的代码，但是我的浏览器崩溃了：

$(".Details").bind("mouseover", function() 
{
  t= setTimeout($(this).qtip({ args... }), 1000); });
  $(".Details").bind("mouseout", function() { clearTimeout(t); 
}); 

Answer 1

在 mouseover 事件中，设置一秒钟的超时。在 mouseout 事件中，取消超时。在超时功能中，显示您的 qtip。

Answer 2

show.delay在 qTip 插件上设置属性。

$(function() {
  $('#myDiv').qtip({
    content: 'My tooltip',
    show: { delay: 1000 }
  });

});