使用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 的类继续循环？

提前感谢。

- spm

---

这是一个小例子，出于某种原因我觉得很有趣。http://jsfiddle.net/ - spm

Derp. http://jsfiddle.net/cRkce/ - spm

Answer 1

使用jQuery的.each()函数：

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);

编辑：没有仔细阅读你的问题

- rissicay

---

我曾考虑使用 .each，但我认为我的代码写得很糟糕。 - spm

Answer 2

我建议你尝试使用jquery api queue，但我不知道具体细节。

- jikey