jQuery：通过孩子的动画，连续循环

Question

关闭但不完全在那里。我想让第一个子div显示几秒钟，向下滑动（通过定位）并淡出视图，然后下一个孩子向上滑动并淡入视图。连续重复，在显示最后一个孩子后循环回来。

看起来我已经有了循环工作，虽然计数似乎把孩子的div堆叠在一起。我做错了什么？

http://jsfiddle.net/rrbaker/Xmk2y/4/

Answer 1

这是我的混音：http://jsfiddle.net/ddrace/DJuV7/1/

我重新安排了一些事情以使其更容易理解，并为暂停和动画添加设置，以使其干燥且更容易调整。

Answer 2

这看起来不错吗？ http://jsfiddle.net/Xmk2y/5/

我删除了延迟，设置i = 0并交换了最高值。

Answer 3

http://jsfiddle.net/Quincy/Xmk2y/8/

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

Answer 4

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

最终结果：http://jsfiddle.net/bfbuS/2/

jQuery承诺：http://api.jquery.com/promise/

Answer 5

嗯，这也有效：http://jsfiddle.net/Xmk2y/7/。但我认为我更喜欢Birey的解决方案。