动画div滑入容器

时间:2012-08-02 19:08:53

标签: jquery jquery-ui jquery-animate

我有以下小提琴发布的代码; http://jsfiddle.net/eE2Xn/2/

基本意图是单击按钮,将红色div滑过灰色按钮,成为#container的第一个孩子。

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

似乎有点存在(我的实际代码似乎比这个广义的小提琴版本好一些),但动画会出现很多,我无法弄明白。

我如何达到这个效果?我在两者中都使用了jQuery和jQuery UI。

1 个答案:

答案 0 :(得分:0)

你需要在回调函数中包含所有内容,或者在下一个函数完成之前使用.delay()

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

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

有关.delay()的信息,请在此处阅读更多内容:http://api.jquery.com/delay/