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

| 当我将鼠标悬停在它们上时,我正在使用淡入淡出效果来隐藏和显示两个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);
    

要回复问题请先登录注册