jQuery animate() 和 slideUp 同时答案

【问题标题】：jQuery animate() and slideUp at the same timejQuery animate() 和 slideUp 同时
【发布时间】：2014-01-12 00:56:10
【问题描述】：

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

如果我这样做

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

slideUp 函数等待 animate 函数完成。

谢谢

【问题讨论】：

.animate() 和 .slideUp() 都会将请求的效果添加到相关元素的动画队列末尾，除非您指定 queue:false。你想做的实际动画是什么？ $(el).animate(200) 什么都不做……

【解决方案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/

【讨论】：