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

Question

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

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

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

Answer 1

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

Answer 2

设置 show.delay 属性qTip 插件。

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

});