グループ化されたアニメーションを同時に実行するjQuery

Question

私はアニメーションの最初のブロックを最初に同時に実行し、次に2番目のブロックを同時に実行したいと思います。事前のおかげ

$('#logo').fadeIn({queue: false, duration: 2000}); 
$('#logo').animate({ width: "300px" }, 2000); 
$('#logo_img').animate({ width: "300px" }, 2000); 

$('#logo').delay(500).animate({marginTop: "-500px", width: "200px"}, {queue: false, duration: 1000}); 
$("#logo_img").animte({width: "200px"},1000); 

Answer 1

実際jQueryのアニメーションのすべてはこのような何かあなたが同期最初の3をアニメーション化できるようにコールバックを受け入れ、その後、コールバックに埋め込まれた最後の3を持っている：私はこのことができます願ってい

$('#logo').fadeIn({queue: false, duration: 2000}); 
$('#logo').animate({ width: "300px" }, 2000); 
$('#logo_img').animate({ width: "300px" }, 2000, function() { 
    $('#logo').delay(500).animate({marginTop: "-500px", width: "200px"}, {queue: false, duration: 1000}); 
    $("#logo_img").animte({width: "200px"},1000); 
}); 

をあなたの質問に答える。

デイブ

Answer 2

でjQueryのanimateは例えば、あなたがチェーンフォロー機能を完了できコールバックを持っています。

$("#logo").animate({ 
    width: "300px" 
}, 2000, function() { 
    // Animation complete. 
}); 

Answer 3

はあなたの助けをありがとうしかし、私はちょうど私のミスを発見しましたが、私の構文は、第五ライン上の誤りがありました。 「アニメート」の代わりに「アニメ」を書いた。簡単な間違いですが、あなたの答えはまだ解決できました。ありがとうございました