延遲動畫

Question

我很難理解動畫，延遲和文字同時如何 有一個盒子，盒子裏面說「體育」，當點擊文字時它說

測試

某處不在盒子內，但在盒子外面。

一旦點擊了，我想要使用動畫將框移動到左邊，並且一旦完成動畫，然後將框內的文本從「運動」更改爲「籃球」。

我在那裏寫了代碼，它不工作使用延遲！

<div id="apDiv12"><h1 id="toptitle">sports</h1>​</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" ... 

詳情請參閱the documentation。您也可以使用setTimeout。