jquery - 动画 div 滑入容器

Question

我有我在下面的小提琴上发布的代码；http://jsfiddle.net/eE2Xn/2/

它的基本意图是在单击按钮时，将红色的 div 向下滑动到灰色的 div 上，成为#container.

的其他孩子#container应该为红色盒子腾出空间。另一个红色框（希望具有相同的绑定，因此深度克隆）应该代替它出现。

它似乎就在那里（我的实际代码似乎比这个通用小提琴版本好一点），但是动画很突出，我想不通。

我怎样才能达到这个效果？我在两者中都使用了 jQuery 和 jQuery UI edge。

score 0 · Accepted Answer

您需要将所有内容都包含在回调函数中，或者.delay()在下一个完成之前将其包含在内。

回调函数的工作方式如下：

$('#thing').fadeIn('3000', function () {
    // Have your next animation here
});

有关信息.delay()，请在此处阅读更多信息：http: //api.jquery.com/delay/

1 回答 1