Question

在来自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);

Answer 1

如文档中所述，sequenceQueue: false将呼叫与序列中的呼叫同步。因此，要使第3个呼叫与第2个呼叫同步，您需要将sequenceQueue: false添加到第3个呼叫，如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);

Velocity.js中的sequenceQueue选项无效

1 个答案: