jquery - mouseover mouseout 继续执行

Question

我有一个显示为none的div，我想当鼠标移到另一个div上时将其淡入，并在鼠标离开该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);
  });
})

编辑:哎呀，必须修复我的复制/粘贴