在重复的jQuery动画中放置delay()时出现问题

在重复的jQuery动画中放置delay()时出现问题,jquery,Jquery,我已经创建了一个jQuery函数,它可以重复地一个接一个地将元素从前50px设置为前150px 我试图在每个元素的动画之间创建一个暂停(而不是迭代之间的暂停)。在第一次迭代中,什么也没有发生。在下面的函数中,函数考虑delay(),但只考虑元素的一部分 你可以在下面的链接中看到整个过程 您可以在complete: $(".box").each(function(i){ $(this).delay(500); }); 我把它移到了$(this).延迟(600*I).动画[…] 现在街区

我已经创建了一个jQuery函数,它可以重复地一个接一个地将元素从前50px设置为前150px

我试图在每个元素的动画之间创建一个暂停(而不是迭代之间的暂停)。在第一次迭代中,什么也没有发生。在下面的函数中,函数考虑delay(),但只考虑元素的一部分

你可以在下面的链接中看到整个过程


您可以在
complete:

$(".box").each(function(i){
    $(this).delay(500);
});
我把它移到了<代码>$(this).延迟(600*I).动画[…]

现在街区之间有延迟


这是你想要的吗

那么,您的问题是什么呢?您的JSFIDLE代码在click事件函数中调用了
repeat()
,为什么dealy函数只在第二次迭代后才工作?即使如此,为什么它只对某些元素有效?我尝试将repeat()放入和移出单击,或者同时放入和移出,但都没有成功。@Sahar Soffer您的编码中有错误。我把它格式化了。检查是否正常。祝您的动画好运。:)
$(".box").each(function(i){
    $(this).delay(500);
});