淡入淡出效果会不断重复，直到我悬停为止

问题描述

| 当我将鼠标悬停在它们上时，我正在使用淡入淡出效果来隐藏和显示两个div。唯一的问题是，即使它是偶然的并且令人讨厌，Animation仍会像我将鼠标悬停在它上面一样重复多次。 我使用.stop（true，false）方法进行动画处理。 像这样：

$(\'.fallInspiration\').hover(
   function(){
      $(this).stop(true,false).animate({color: \'#D55E8E\'},300);
},

但是我不知道在使用淡入淡出效果时如何解决该问题。 这是我正在使用的代码：

$(\'.thisWeekWrap\').hover(
    function()
    {
        $(\'.thisWeek\').fadeOut(400);
        $(\'.thisWeekHover\').fadeIn(400);
    },function()
    {
        $(\'.thisWeek\').fadeIn(400);
        $(\'.thisWeekHover\').fadeOut(400);
    }
);

非常感谢您的帮助。谢谢     

解决方法

        您回答了自己的问题：在做效果之前先叫

.stop()

：

$(\'.thisWeek\').stop().fadeOut( 400 )

如果这会导致问题（有时，jQuery可能会“保存”停止值），请尝试：

$(\'.thisWeek\').stop().animate({ opacity : 0 },400);