javascript - 为什么速度动画只能工作一次？

Question

我正在使用 velocity.js 制作动画，并希望在动画完成时返回 block 。所以我分配 el[0].style.transform = "translateX(0px)" 并再次调用函数，但动画不再起作用。

http://jsfiddle.net/nbLLzqn0/2/

var box = $('.box');

function anim() {
    box.velocity({
        translateX: 200
    }, 
    {
        duration: 3000,
        complete: function (el) {
            $('.info').html(el[0].style.transform);
            el[0].style.transform = "translateX(0px)";
            anim();
        }
    });
}

anim();

我做错了什么？

Answer 1

换行

el[0].style.transform = "translateX(0px)";

到

box.velocity({ translateX: 0 },{ duration: 0 });