用Jquery循环划分Div

Question

再次使用JQuery noob。

这是我想要实现的一个例子。

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

编辑：未正确阅读您的问题

Answer 2

我建议你试试jquery api queue，但我不知道这些细节。