javascript - 在这个 java 脚本动画中，第二次动画不能正常工作

Question

http://jsfiddle.net/WPjvF/

当我第一次单击开始按钮时它可以正常工作，但是在单击反向按钮后，我再次单击开始按钮“ahh6”首先出现。如何纠正它。

var doWork = (function () {
"use strict";

var index = 0,
    boxes = $(".box1, .box2, .box3, .box4, .box5, .box6"),
    cur;

$("#home").click(function () {
    cur = 1;
    doWork(function (el) {
        el.addClass("animated");
    });
});

$("#home2").click(function () {
    cur = -1;
    doWork(function (el) {
        el.removeClass("animated");
    }, true);
});

return function (changer, reverse) {
    var start = function () {
        if ((reverse && index < 0) || (!reverse && index === boxes.length)) {
            return;
        }
        changer(boxes.eq(index));
        index += cur;
        setTimeout(start, 300);
    };
    start();
};

}());

Answer 1

http://jsfiddle.net/WPjvF/1/

您的反向功能使索引为-1。

$("#home").click(function () {
    if ( index < 0 ) index = 0;
    cur = 1;
    doWork(function (el) {
        el.addClass("animated");
    });
});