淡入淡出效果会在我悬停时重复多次

Question

我正在使用淡入淡出效果隐藏＆amp;当我将鼠标悬停在它们上面时显示两个div。唯一的问题是，当我将鼠标悬停在它上面时，动画会重复多次，即使它是偶然的＆amp;这有点烦人。

我使用.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);
    }
);

非常感谢帮助。感谢

Answer 1

您回答了自己的问题：在执行效果之前致电.stop()：

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

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

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