Velocity.js 中的 sequenceQueue 选项不起作用答案

【问题标题】：sequenceQueue option in Velocity.js not workingVelocity.js 中的 sequenceQueue 选项不起作用
【发布时间】：2015-09-07 13:32:52
【问题描述】：

velocity.js 的文档中说，当 sequenceQueue 选项设置为 false 时，会强制关联的调用与之前的调用并行运行。

如果我们有一个元素带有向左移动的动画，而另一个元素带有另一个向下移动的动画，那么两者应该同时发生，但是它们是按顺序发生的......

我错过了什么？我怎样才能同时制作它们？

http://codepen.io/julianshapiro/pen/xnGDC/

var $element1 = $("div").eq(0),
    $element2 = $("div").eq(1),
    $element3 = $("div").eq(2);

var mySequence = [
    { e: $element1, p: { translateX: "+=100" } },
    { e: $element2, p: { translateX: "+=100" }, options: { sequenceQueue: false } },
    { e: $element3, p: { translateY: "+=100" } }
  ];

$.Velocity.RunSequence(mySequence);

【问题讨论】：

标签： javascript velocity.js

【解决方案1】：

如文档中所述，sequenceQueue: false 将调用与序列中之前的调用同步。因此，要使第三次调用与第二次同步，您需要将sequenceQueue: false 添加到第三次调用中，如this example。

或者在代码中：

var $element1 = $("div").eq(0),
$element2 = $("div").eq(1),
$element3 = $("div").eq(2);

var mySequence = [
    { e: $element1, p: { translateX: "+=100" } },
    { e: $element2, p: { translateX: "+=100" }, options: { sequenceQueue: false } },
    { e: $element3, p: { translateY: "+=100" }, options: { sequenceQueue: false } }
];

$.Velocity.RunSequence(mySequence);

【讨论】：