jQuery在另一个动画中向元素添加动画

Question

fiddle

我们有一些div慢慢改变它height。单击div时，它会移动一点left。

我想要做的是，当你在height动画中点击div时，它会立即开始向左移动，而不会影响高度动画/停止等等。

所以实际上会有高度和位置的动画。

Answer 1

如果您将5000更改为{ queue: false, duration: 5000 }，则会有效。这是一个更新的小提琴：http://jsfiddle.net/FDz4v/1/

Answer 2

http://jsfiddle.net/FDz4v/2/

我知道其他解决方案比我好得多:)但这是另一种方法。您可以使用两个div并分别为它们设置动画。

$('#wrapperdiv').click(function(){
    $(this).stop().animate(
        {left: '+=50px'});
});

$('#innerdiv').animate({'height':'800px'},5000);