jquery - jquery.animate 在 2 个循环中有延迟

Question

我正在 jquery 上编写动画：有 11 多张图片，它们在页面上向左移动 2 个循环/循环（for）。

问题：在第一个周期（其中j）动画延迟约 1 秒后，所有 11 张图片再次移动 50 像素。然后再次〜1秒并再次移动。所以有 11 次延迟，如var i = [0..10]. 如何消除这种延迟？它从哪里升起？我需要在每次迭代中流畅流畅地移动 2 个循环图片。

ps 我需要 2 个循环来实现我的目标

$('.movePics').click(function(e) {
        e.preventDefault();
    for (var i = 0; i < 11; i++) {
        for (var j = 0; j < 11; j++) {
            var r = j + i;
            if (r == i) {
                $('ul li:eq('+r+')').hide('slide', {direction: 'left'}, 600);
            } else {
                $('ul li:eq('+r+')').animate({"left": "-=50px"}, 600);
            }
        }
    }
});

这里是 jsfiddle：http: //jsfiddle.net/zyMXx/