jQuery animate（）和slideUp同时出现

Question

我想将animate()和slideUp()函数应用于同一元素。这两个函数将同时启动，但会在不同时间结束。我怎样才能做到这一点？

如果我这样做

$(el).animate(200);
$(el).slideUp(2000);

slideUp函数等待animate函数完成。

由于

Answer 1

要同时运行两个fx，您可以将“queue：false”作为参数传递，如下所示：

HTML：

<div class="el"></div>

CSS：

.el {
    height: 100px;
    width: 100px;
    border: 1px solid black;
    position: relative;
}

使用Javascript：

$('.el')
    .animate({'left' : '100px'}, 500)
    .slideUp({duration: 1000, queue: false});

此代码将元素向右滑动0.5秒，同时将其向上滑动1秒钟。这是一个jsfiddle显示：http://jsfiddle.net/cWLvc/