jQuery UI爆炸效果队列

Question

我正在尝试同时使用动画，其中一个是UI爆炸效果。我查看了爆炸效果的源代码并看到它正在排队。有没有办法阻止这个排队，以便我能够在爆炸效果的同时运行多个动画？

谢谢！

Answer 1

问题在于爆炸功能的设计方式。

从顶部和左侧获取元素的偏移量。它测量这些用于计算返回的位置，行程的距离 - 等等。没有这些值，它就无法进行这些确定。它没有足够强大的支持来支持动态计算;这是理所当然的。

我可以用三个例子证明这个理论。

首先：

  

Queued Animation Issue (As Described)

第二

  

Attempting to Inject using setTimeout returns error offset.top() is null

这使您能够清楚地了解发生这种情况的原因。最明显的答案是除非您更改了代码的核心功能，否则无法解决此解决方案。

这让我想到了最后一个例子。在下面的示例中，我们将元素包装在div中。我们动画父元素的位置，然后我们爆炸子元素。让我们看看它是如何运作的。

第三：

  

As we can see here, the issue is in how the offset is calculated.

它可以得到结束和开头，但它不能在动画中间抓取偏移量。

我相信这也是你所指的问题 - 不幸的是（大体而言）除了自己写的以外，没有什么可以做的。

Answer 2

我不熟悉特定的爆炸效果，但我知道jQuery animate()允许queue选项（参见http://api.jquery.com/animate/ - 有一个如何使用此选项的示例）确定是否将所需动画放在效果队列中。如果为false，则不会将动画放入队列并立即开始。这有帮助吗？