retard jQuery ne fonctionne pas comme prévu

Question

J'ai le code jQuery suivant

$("#dropdown").hover(function() { 
     $(this).stop(true,true).fadeTo('fast',1); 
     $("#options").stop(true,true).slideDown(); 
    }, function() { 
     $(this).delay(1000).stop(true,true).fadeTo('fast',0.1); 
     $("#options").delay(1000).stop(true,true).slideUp(); 
    } 
); 

Ce que je pense arriver est quand la souris quitte #dropdown il attendra 1 seconde avant de continuer. Cela n'arrive pas. Ce que j'essaye de réaliser, au cas où il y aurait un meilleur moyen, est de laisser le menu déroulant visible pendant une seconde ou deux après avoir déplacé votre souris et je voudrais également empêcher que les événements se reproduisent pour empêcher artefacts et "funnies" si vous deviez déplacer la souris très rapidement à partir de la div

Answer 1

Le problème est .stop(). Si vous prenez que sur cela fonctionne:

http://jsfiddle.net/LZ8yt/

Answer 2

Vous pouvez toujours aller lo-tech avec setTimeout.

var dropDownElement = $(this); 
setTimeout(function() 
{ 
    dropDownElement.fadeTo('fast', 0.1); 
    // Other Code 
}, 1000); 

Answer 3

Vos appels à stop ne sont pas placés sur la file d'attente d'animation - ils courent immédiatement. Je ne suis pas sûr que vous en ayez vraiment besoin dans la routine "hover out".

modifier enlevé mutité