jquery - 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);

（これを行うより良い方法があるかどうかはわかりません）

しかし、最も重要な問題は、アニメーションをもう一度実行すると、画像がフェードインして完全に機能しなくなることがあることです。だから私が求めているのは、エラーの原因となっているこれら2つのコードで何か間違っているかどうかです

Answer 1

使用法とサンプルについての fadeIn() ドキュメントは次のようになります。

$(".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);