jquery - 在无限循环中，一个接一个地滑动 div

Question

慢慢到达那里。

我想在无限循环中从 let 到右（下）滑入 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)

演示

或者：

演示