Javascript jQuery:动画化的、连续的子循环

Javascript jQuery:动画化的、连续的子循环,javascript,jquery,loops,each,Javascript,Jquery,Loops,Each,很近,但不是很近。我想让第一个儿童div显示几秒钟,向下滑动(通过定位)并淡出视图,然后下一个儿童向上滑动并淡入视图。连续重复,在显示最后一个子项后循环返回 看起来我已经让循环工作了,尽管计数似乎把子div堆在了一起。我做错了什么 这看起来合适吗 我删除了延迟,设置I=0并交换了最大值 好吧,这也行:。但是我想我更喜欢Birey的解决方案。根据你提到的,似乎有一些问题。首先是将索引设置为-1。这似乎导致了显示器的所有问题。接下来是动画,我已经更新了它,使用jquery承诺来确保前面的动画已经完

很近,但不是很近。我想让第一个儿童div显示几秒钟,向下滑动(通过定位)并淡出视图,然后下一个儿童向上滑动并淡入视图。连续重复,在显示最后一个子项后循环返回

看起来我已经让循环工作了,尽管计数似乎把子div堆在了一起。我做错了什么

这看起来合适吗


我删除了延迟,设置I=0并交换了最大值

好吧,这也行:。但是我想我更喜欢Birey的解决方案。

根据你提到的,似乎有一些问题。首先是将索引设置为-1。这似乎导致了显示器的所有问题。接下来是动画,我已经更新了它,使用jquery承诺来确保前面的动画已经完成

最终结果:

jQuery承诺:

这是我的混音:

我重新安排了一些内容,使其更易于理解,并添加了暂停和动画设置,使其保持干燥,更易于调整。


只需使用
complete
回调递归调用
nextQuote

+1即可获得承诺。虽然就个人而言,我认为我更喜欢动画有点重叠的时候。当然有时候这是有道理的,我只是想按照声明的意图来做。我不知道承诺,谢谢你的关注和提示。比加上延迟垫片好多了。不错。这看起来非常有用,给了读者足够的时间阅读;像我现在想要的那样工作。谢谢就这样。我知道我需要第二双眼睛来观察这些变量,谢谢!