在一个不确定的循环中，一个接一个地滑动div

Question

慢慢地到达那里。

我想在一个不确定的循环中，从一个接一个，一个接一个地滑动div到右边（下面）。

$('#slider_1').show('slide', { direction: 'left' }, 1000).delay(4000).hide('slide', { direction: 'left' }, 1000);

我动态获取我的div ID并将它们存储在这样的数组中：

var divs    = [];
var i       = 0;

$('#cover div').each(function()
{
    divs.push($(this).attr('id'));
});

现在我想循环遍历 divs 数组并在一个无限循环内完成一个接一个的滑动div。

    <div id="cover">
        <div id="slider_1"><p class="content">SLIDER ONE</p></div>
        <div id="slider_2"><p class="content">SLIDER TWO</p></div>
        <div id="slider_3"><p class="content">SLIDER THREE</p></div>
    </div>

Answer 1

尝试以下方法：

var i = 1;

var go = setInterval(function(){
            $('#slider_'+i).show('slide', { direction: 'left' }, 100).delay(400).hide('slide', { direction: 'left' }, 100);
            i++;
            if (i == 4) { i = 1}
         }, 600)

DEMO

或：

DEMO