使用Jquery通過div循環Div

Question

JQuery再次點擊它。

這是我想要實現的一個例子。

$(function(){ 
var fourDivs = $('#window > div'); 
var doSlide = function(){ 

     if (fourDivs) 
      fourDivs 
      .delay(1000) 
      .animate({marginLeft: 50}) 
      .delay(1000) 
      .animate({marginLeft: 250}) 
      .delay(500) 
      .fadeOut(200) 
      .animate({marginLeft: -200}) 
      .fadeIn(500) 


}; 

doSlide(); 
setInterval(doSlide, 2000); 

}）;

我認爲這是一個有趣的嘗試，但是很糟糕。

對於那裏的所有專家，我是否有正確的想法？你們會推薦什麼？

我該如何獲得一個動畫循環，繼續循環一個div類？

在此先感謝。

Answer 1

Using jQuery's .each() function:

function loop() { 
    $('#window > div').each(function (index, myDiv) { 
     if (myDiv) { 
       myDiv 
       .delay(1000) 
       .animate({marginLeft: 50}) 
       .delay(1000) 
       .animate({marginLeft: 250}) 
       .delay(500) 
       .fadeOut(200) 
       .animate({marginLeft: -200}) 
       .fadeIn(500); 
     } 

    }); 

} 

setTimeout(loop, 1000); 

編輯：didnt讀你的問題正確

Answer 2

我建議你試試jquery api queue，但我不知道這個細節。