jquery - jQuery在另一个动画期间向元素添加动画

Question

小提琴

我们有一些 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);