使用户在悬停2秒后悬停功能

Question

是的，我知道这个问题之前已经被问过了，但我找不到有效的答案。这是从另一个问题，一个公认的答案：

$('#element').hover(function() 
{ 
    $(this).data('timeout', window.setTimeout(function() 
    { 
     alert('hovered for 2 seconds'); 
    }, 2000)); 
}, 
function() 
{ 
    clearTimeout($(this).data('timeout')); 
    alert('mouse left'); 
}); 

http://jsfiddle.net/nCcxt/

正如你看到它没有做它应该。

我需要的是理论上很简单，但我无法让它工作 - 当用户将鼠标悬停在链接上2秒钟时，会调用一个函数。如果用户在2秒钟之前移开鼠标，则没有任何反应。

Answer 1

该代码works perfectly fine。它只会因alert()调用而中断，导致触发鼠标事件。

我们从中学到了什么？ 请勿将alert()与focus/hover/mousemove相关事件结合使用。

顺便说，目前已经有你想要做什么jQuery插件：http://cherne.net/brian/resources/jquery.hoverIntent.html