Jquery幻灯片div在bootstrap中一个接一个

我试着一个接一个地滑动div，这是一个有效的例子

但我不能在bootstrap中完成

Html标记：

<div class="col-md-9" style="text-align:justify">

            <div id="slider_1" class="row loaddiv">
                <div class="col-sm-6">

                    <h3> Slide 1</h3>
                    <p>
                        some text
                    </p>
                </div>    
            </div>


            <div id="slider_2" class="row loaddiv">
                <div class="col-sm-6">

                    <h3>Slide 2</h3>
                    <p>
                        some text
                    </p>
                </div>
            </div> 
</div>

<script type="text/javascript">
$(document).ready(function(){

    var i = 1;

    var go = setInterval(function () {

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

        i++;
        if (i == 4) { i = 1 }

    }, 600)

});
</script>

幻灯片1

一些文本

幻灯片2

一些文本

Jquery:

<div class="col-md-9" style="text-align:justify">

            <div id="slider_1" class="row loaddiv">
                <div class="col-sm-6">

                    <h3> Slide 1</h3>
                    <p>
                        some text
                    </p>
                </div>    
            </div>


            <div id="slider_2" class="row loaddiv">
                <div class="col-sm-6">

                    <h3>Slide 2</h3>
                    <p>
                        some text
                    </p>
                </div>
            </div> 
</div>

<script type="text/javascript">
$(document).ready(function(){

    var i = 1;

    var go = setInterval(function () {

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

        i++;
        if (i == 4) { i = 1 }

    }, 600)

});
</script>

$（文档）.ready（函数（）{
var i=1；
var go=设置间隔（函数（）{
$（'#slider'+i）.show（'slide'，{direction:'left'}，
延迟（4000）。隐藏（'slide'，{direction:'left'}，1000）；
i++；
如果（i==4）{i=1}
}, 600)
});

---

我是jquery新手，如有任何帮助，将不胜感激。

试试这个。做一些CSS更改。删除delay（），它会导致一些视觉错误，您的代码很好

var i = 1;
$(document).ready(function(){

var i = 1;

var go = setInterval(function () {

    $('#slider_' + i).show('slide', { direction: 'left' },
    1000).hide('slide', { direction: 'left' }, 1000);

    i++;
    if (i == 4) { i = 1 }

}, 600)

});

---

到底是什么不起作用？还是什么都没发生，我正在尝试一个接一个地加载div，然后停下来，我可以知道我需要做什么css更改吗