jquery - 遅延のあるアニメーション

Question

アニメーション、遅延、テキストが同時にどのように表示されるのか理解できません。ボックスがあり、ボックスの内側に「スポーツ」と表示され、テキストをクリックすると表示されます。

テスト

箱の内側ではなく、箱の外側のどこかにあります。

クリックしたら、アニメーションを使用してボックスを左に移動し、アニメーションを実行したら、ボックスを左に移動した後、ボックス内のテキストを「スポーツ」から「バスケットボール」に変更します。

私はここにそのコードを書きました、そしてそれは遅延を使って動作しません！

<div id="apDiv12"><h1 id="toptitle">sports</h1>​&lt;/div>

---

$(document).ready(function(){
$("p").click(function() {
 $('#apDiv12').animate({left:"200px"},3000).delay(1000);
 $('#toptitle:contains("Profil")').text("basketball");

});

});

おかげで助けてください。

Answer 1

.delay同じアニメーション キューでのみ機能します。text変更は同じキューの一部ではありません。.animate次のように、メソッドのコールバック関数を使用することをお勧めします。

.animate({left: "200px"}, 3000, function () { $("#toptitle" ...

詳細については、ドキュメントを参照してください。

を使用することもできますsetTimeout。