Jquery 延迟动画

我很难理解动画、延迟和文本是如何同时出现的 有一个盒子，盒子里面写着“运动”，当点击上面写着“测试”的文本时，不是盒子里面，而是盒子外面

单击后，我希望使用动画将框向左移动，完成动画后，将框内的文本从“运动”更改为“篮球”，完成后将框向左移动

我在这里写的代码，它不工作使用延迟

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

---

请帮助，谢谢。

.delay

仅适用于同一动画队列。

文本

更改不属于同一队列。您可能希望使用

.animate

方法的回调函数，如中所示：

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

有关更多详细信息，请参阅

您也可以使用

setTimeout

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