jQueryエフェクトのキューイングを理解する

Question

jQueryエフェクト/アニメーションを別のエフェクト/アニメーションで実行しようとしています。私はこれを試してみた：

$('#myDiv').animate({'left':'+=300'},1000).delay(2000).animate({'left':'-=300'},1000); 

EDIT：

これは実際に私の一部にだけ貼り付けミスをワーク・ありません。自動的に効果をチェーン化することは、私たちが望むものであるdocs、によると、キューを作成します。この文が実行される

$('#foo').slideUp().fadeIn();

は、 要素は、すぐにそのスライドアニメーション を開始しますが、フェージングの移行 スライディング遷移が 完了すると、 と呼ばれるfxキューに配置されます。

Answer 1

jQueryのanimate()は、あなたがあり、この

$('#myDiv').animate({'left':'+=300'},1000, function() { 
    //Start Next Animation 
    $(this).animate({'left':'-=300'},1000, function() { 
    //Start Next animation 
    }); 
}) 

Answer 2

を行うことができ、それとのコールバックパラメータ

を持っている（おかげで助けを求め、私は質問を削除できません）これを行うには、callbackパラメータを使用してアニメートし、queuesを使用する2つの方法があります。

Answer 3

divには、position: absolute;（またはrelative、目的に応じて）を設定しましたか？あなたがしなかった場合はleftアニメーションは何もしません。ここに実例があります：http://jsfiddle.net/vftNF/