mouseover mouseout继续执行

Question

我有一个div：display：none，我希望当鼠标移过另一个div时淡入它，当鼠标离开div时淡出它。问题是，无论鼠标是打开还是关闭，一旦我越过div不断淡入和淡出大约10次。有人有什么想法吗？

$(document).ready(function() {

        $(".pic").mouseout(function(){
 $(this).children('#summary').fadeOut(2000);
    }).mouseover(function(){
   $(this).children('#summary').fadeIn(2000);
    });

});

Answer 1

在每个处理程序中调用动画之前调用.stop（）。

$(function(){
  $('.pic').hover(function(){
    $(this).children('#summary')
      .stop(true)
      .fadeOut(2000);
  }),
  function(){
    $(this).children('#summary')
      .stop(true)
      .fadeIn(2000);
  });
})

编辑：oops，必须修复我的复制/粘贴

Answer 2

使用hoverIntent之类的插件来限制输入/输出消息的速率。通常有帮助。