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

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

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

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

});