2013-04-18 115 views
1

查看http://jsfiddle.net/BNMpC/作为一个工作示例。其他动画后运行动画

我已经基本上得到了这些球体的长大和缩小悬停和缩小。我也让他们在其他球体上“轻推”。当你一次完成一个,并且让所有的动画完成时,它的效果非常好。

问题在于当您将鼠标悬停在很多位置时 - “轻推”无法正常工作。我使用.filter(':not(:animated)')来确保成长和缩小的动画没有被打断,但我不确定这是否正确。

+0

我唯一能想到的是,当一个新的天体被徘徊,你将需要结束前一个动画的事并重置;在开始新的动画序列之前。 *或者*尝试让DOM为你处理你的“轻推”(让布局流程中的球体,让大小移动它周围的元素)。 – Chad

回答

1

如果我正确地得到您的问题,在一个回调函数设置一个动画

$(selector).animation('slow', function(){$(selector).animation();}); 
+0

呃,那不太合适,因为他们需要同时运行视觉效果。 – frogg3862