延迟动画

Question

我无法同时了解动画，延迟和文字的方式 有一个盒子，盒子里面写着“运动”，当点击文字里面说

测试

不是在盒子里面，而是在盒子外面。

< / p>

一旦点击，我想要的东西使用动画向左移动框，一旦完成动画，然后在完成移动框之后将框内的文本从“体育”更改为“篮球”。

我在这里编写了这段代码，它使用延迟无效！

<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。