jQuery Tooltip UI – x秒后触发工具提示

这是我到目前为止：

      body { margin: 60px auto; } p { padding:0; margin: 4px auto; text-align: center; }      $(function() { $(document).tooltip({ items: '.tooltip', show: 100, hide: 500, position: { my: 'center bottom', at: 'center top' }, content: function( callback ) { var msgid = this.id.split('_')[1]; $.ajax({ type: 'post', url: '/tooltip.php', data:'i='+msgid, success: function( data ) { callback( data ); } }); } }); });    
PHP Article
 
C+ Article
 
ASPX Article
 
Java Article
   

以上是工作，因为它可以工作，但是，我想只在鼠标hover链接一段特定时间后（例如2秒）触发工具提示。

此外，如果用户在指定的延迟时间到期之前将鼠标移出链接，我想取消它的触发器。

有人可以帮我解决这个问题吗？

非常感谢你。

Answer 1

我终于成功实现了我的目标。

这是最终结果：

             
PHP Article
 
C+ Article
 
ASPX Article
 
Java Article
   

Answer 2

你可以试试这个：

 $(function() { $(document).tooltip({ items: '.tooltip', hide: 500, position: { my: 'center bottom', at: 'center top' }, content: 'Testing jquery tooltips!', show: { effect: "slideDown", delay: 250 } }); }); 

show属性接受具有以下属性的object参数; effect, delay, duration, and easing 。

http://api.jqueryui.com/tooltip/#option-show