javascript - 动画不工作，循环卡住

Question

我为鱼创建动画代码来回游泳，他只游了 1 次就卡住了，你能帮忙吗？

这是小提琴链接：http: //jsfiddle.net/qLCnT/3/

function anim() {
    $('#fish_1').animate({
     "left": "-90px"}, 2000, flip);
}

function back() {
    $('#fish_1').animate({
     "left": "230px"}, 2000, flipBack);
}

anim();

function flip() {
    $('#fish_1').transition({
        perspective: '100px',
        rotateY: '180deg',
        complete: back
    });
}

function flipBack() {
    $('#fish_1').transition({
        perspective: '100px',
        rotateY: '0deg',
        complete: anim
    });
}

Answer 1

您刚刚忘记在小提琴中包含传输库，导致.transition()方法未定义：

示例包括：http: //jsfiddle.net/qLCnT/6/