jquery - 在 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 或 class 都没有针对特定的 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>

你就可以开始了。