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

我在jquery上写动画：有11张以上的图片，它们在页面上通过2个循环/周期向左移动（

for

）

问题：在第一个循环（其中

j

）后，动画延迟约1秒，然后所有11张图片再次以50像素的速度移动。然后再次~1秒，然后再次移动。因此有11个延迟，如

vari=[0..10]

。如何消除这种延迟？它从哪里升起？我需要在每一次迭代中流畅地移动两个循环图片

p、 我的目标需要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);
            }
        }
    }
});

$（'.movePics'）。单击（函数（e）{
e、 预防默认值（）；
对于（变量i=0；i<11；i++）{
对于（var j=0；j<11；j++）{
var r=j+i；
如果（r==i）{
$（'ulli:eq（'+r+'））.hide（'slide'，{direction:'left'}，600）；
}否则{
$（'ulli:eq（'+r+'））。动画（{“左”：“-=50px”}，600）；
}
}
}
});

---

这是JSFIDLE:

“左”：“-=50px”

我认为这不会起作用。一切都会起作用，但每11次迭代之间只有延迟。

.hide（）的目的是什么？您的描述只涉及移动图像，而不是隐藏图像。你能提供一个演示吗？我已经将您的JS复制到JSFIDLE中：-您可以添加相关的html和CSS，使其能够向我们展示您正在谈论的内容吗？谢谢您的回答。我创建了JSFIDLE：