jquery - jquery悬停问题

Question

我有时会遇到鼠标悬停问题，当我将鼠标快速移动到链接上时，它会循环很长一段时间，有没有办法只在鼠标悬停时才循环，如果鼠标不在则停止。

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

检查.stop()方法

Answer 2

我曾经遇到过类似的问题。stop() 也可以工作，但我所做的是在开始淡入淡出时向元素添加一个类“inmotion”，并在淡入淡出完成时将其删除。通过在该标签打开时忽略任何悬停调用，它确保每个操作都必须在下一个操作开始之前完成。