hacen funcionar después de ejecutar usuario se desplaza a través del enlace durante 2 segundos

Question

Sí, sé que esta pregunta se ha hecho antes, pero no puedo encontrar una respuesta que funciona. Se trata de una respuesta aceptada de una de las otras preguntas:

$('#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/

Como se puede ver que no hace lo que se supone que es.

Lo que necesito es simple en teoría, pero no puedo hacer que funcione: cuando un usuario se desplaza sobre un enlace durante 2 segundos, se llama a una función. Si el usuario mueve el mouse antes de que pasen 2 segundos, no pasa nada.

Answer 1

El código works perfectly fine. Solo se rompe debido a las llamadas alert() que provocan que se desencadene el evento mouseout.

¿Qué aprendemos de ella? No utilice alert() en combinación con eventos relacionados con el enfoque/deslizamiento/mousemove.

Por cierto, ya hay plugins jQuery para lo que quieres hacer: http://cherne.net/brian/resources/jquery.hoverIntent.html