使用stop后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);