jQuery: एनिमेटेड, निरंतर लूप बच्चों के माध्यम से

Question

बंद करें लेकिन काफी नहीं। मैं पहले सेकंड div को दो सेकंड के लिए प्रदर्शित करना चाहता हूं, नीचे स्लाइड करें (स्थिति के माध्यम से) और दृश्य से बाहर फीका, फिर अगला बच्चा स्लाइड करें और दृश्य में फीका। आखिरी बच्चे को प्रदर्शित होने के बाद लगातार लूपिंग दोहराएं।

ऐसा लगता है कि मुझे लूप काम कर रहा है हालांकि गिनती एक दूसरे के शीर्ष पर बच्चे divs ढेर लगती है। मैं क्या गलत कर रहा हूं?

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

Answer 1

यहाँ मेरी रीमिक्स है और ट्विक करने के लिए आसान है।

Answer 2

यह ठीक http://jsfiddle.net/Xmk2y/5/

मैं देरी हटा दिया, मैं = 0 सेट और शीर्ष मान बदली लग रही है।

Answer 3

अच्छा, यह भी काम करता है: http://jsfiddle.net/Xmk2y/7/। लेकिन मुझे लगता है कि मुझे बेरी के समाधान को बेहतर पसंद है।

Answer 4

ऐसा लगता है कि आपने जो उल्लेख किया था उसके अनुसार कुछ मुद्दे थे। सबसे पहले इंडेक्स को -1 पर सेट कर रहा था। ऐसा लगता है कि प्रदर्शन सभी मुद्दों का कारण बनता है। अगला एनिमेशन था, मैंने यह सुनिश्चित करने के लिए jquery वादों का उपयोग करने के लिए इसे अद्यतन किया है कि पिछले की एनीमेशन समाप्त हो गई थी।

अंत परिणाम: http://jsfiddle.net/bfbuS/2/

jQuery वादा: http://jsfiddle.net/ddrace/DJuV7/1/

मैं इसे सूखा रखने के लिए ठहराव और एनीमेशन के लिए कुछ और चीजें इसे और अधिक समझ में आता है बनाने के लिए जोड़ा सेटिंग्स पुन: व्यवस्थित: http://api.jquery.com/promise/

Answer 5

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

बस complete कॉलबैक का उपयोग कर रिकर्सिवली nextQuote