在Twitter Bootstrap中为轮播使用不同的间隔

Question

我目前遇到的问题是，我的Bootstrap文档中有两个旋转木马，每个旋转木马都有一个唯一的ID和类（＃myCarousel-1，＃myCarousel-2 / .carousel-1，.carousel-2） 。 我使用以下代码定位旋转木马：

<script type="text/javascript">
    $('#myCarousel-1').carousel({
        interval: 2000
    })
</script>
<script type="text/javascript">
    $('#myCarousel-2').carousel({
        interval: false
    })
</script>

问题是id或类都没有针对特定的div。两个旋转木马都开始间隔滑动。任何想法如何避免这种情况？

PS：我在提示之后更改了ID和类：Is it possible to have multiple Twitter Bootstrap carousels on one page?

Answer 1

你可以说我意外地找到了解决方案。在您的html中写下以下内容：

<script type="text/javascript">
    $(document).ready(function(){
        $('#myCarousel-1').carousel({
            interval: 2000
        })
        $('#myCarousel-2').carousel({
            interval: false
        })
    });
</script>

你很高兴。