使用停止后jquery淡入错误

Question

我是 jquery 的新手，我需要对不同的元素进行链接效果，所以我使用了像这个例子这样的回调函数：

HTML：

<div id="div1" class="class1">hello</div>
<div id="div2" class="class2">world</div>
<div id="div3" class="class3"></div>

JS：

$("#div1").fadeIn(1000,
(function(){
   $("#div2").fadeIn(5000,
   (function(){ 
     $("#div3").fadeIn(1000);
   });
 });

所以如果我想在任何时候停止它，我会调用一个类似这样的函数：

$(".class1").stop(true);
$(".class2").stop(true);
$(".class3").stop(true);

（不知道有没有更好的办法）

但最重要的问题是，有时我不知道为什么如果我再次制作动画，图像淡入将不再完成。所以我要问的是我是否对这两个导致错误的代码做错了

Answer 1

fadeIn() documantation about usage 你的样本应该是这样的：

$(".class1").stop().fadeIn(1000,function(){
   $(".class2").fadeIn(5000,function(){ 
     $(".class3").fadeIn(1000);
   });
});

或您的替代方式：

$(".class1").stop().fadeIn(1000);
$(".class2").delay(1000).stop().fadeIn(5000);
$(".class3").delay(5000).stop().fadeIn(1000);