Question

可能重复：
jQuery: interrupting fadeIn()/fadeOut()

jQuery中的淡入淡出效果非常流畅，我看到的只有一个问题：当您将鼠标悬停在该项目上时，它将淡入，现在如果您快速将鼠标悬停在该项目以激活淡出，则fadeOut效果将等待直到fadeIn完成，这看起来很奇怪。

fondIn效果是否可以在你激活时悬停的任何值停止，以便立即执行fadeOut？

这是我的代码

$(document).ready(function () {

$("#menu").hover(
   function() {
     $("#fade").fadeIn(300);
   },
   function() {
     $("#fade").fadeOut(300);
   }
);


});

Answer 1

告诉jQuery在开始新动画之前停止当前动画：

$("#menu").hover(
   function() {
     $("#fade").stop().fadeIn(300);
   },
   function() {
     $("#fade").stop().fadeOut(300);
   }
);

Answer 2

只需在stop之前添加fadeIn。

 $("#fade").stop(true,true).fadeIn(300)

即使不完整，jQuery也会快速切换fadeIn / fadeOut

2 个答案: