jQuery hover question

Question

J'ai parfois des problèmes de survol quand je déplace ma souris rapidement sur des liens qu'elle boucle pendant un certain temps, est-il possible de boucler seulement si la souris est arrêtée et d'arrêter si la souris ne l'est pas.

 $('ul.display li').hover(function() { 

     $('ul.display li').find('#details').hide(); // hides all deatils div before showing 
     $('#light').delay('800').fadeIn("fast"); // shows div that fades out all other content. 

if($.cookie("switch_thumb") =="thumb_view" || $.cookie("switch_thumb") =="null"){//checks for cookie set for display type 
     $(this).find('#details').delay('900').animate({width:'toggle'}); // grow width 
}else{ 
     $(this).find('#details').delay('900').animate({height:'toggle'}); // grow height 
} 


     }, function() { 

      $('#light').fadeOut("fast"); // dim the light to show all content 
     $('ul.display li').find('#details').hide(); //hide all details 
    return false; // supposed to stop looping. 

     }); 

Answer 1

Découvrez .stop() méthode

Answer 2

J'ai eu un problème similaire une fois. stop() peut aussi fonctionner, mais ce que j'ai fait, c'est d'ajouter une classe "inmotion" à l'élément lors du démarrage d'un fondu, et de l'enlever quand le fondu était terminé. En ignorant les appels de survol quand cette balise était allumée, elle s'assurait que chaque action devait se terminer avant que la prochaine ne puisse commencer.