使用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，但我不知道这个细节。