悬停时动画“停止”

Question

我在我的网站上使用了Masonry过滤（link masonry）。我正在尝试在列表中的对象上实现“淡入淡出”功能。

问题在于，当我进行过滤并在动画运行时快速移动鼠标时，所有div都会卡住。

这是我正在使用的代码：

<script type="text/javascript">

$(document).ready(function() { 

  //area 1 
  $('.wrap').children().not('.col2').hover(function() { 

    $(this).siblings().stop().fadeTo(500,0.5); 

  }, function() { 

    $(this).siblings().stop().fadeTo(500,1); 

  }); 
 }); 

</script>    

Answer 1

不确定它是否真的是你的问题，但没有参数的.stop()不会清除动画队列或跳到它的末尾，所以它会在淡入淡出的中间停止（这是你指的是什么？）。

请尝试拨打.stop(true, true)。