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

Question

我目前遇到的问题是，我的引导文档中有两个轮播，每个轮播都有一个唯一的 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 和类：是否可以在一个页面上有多个 Twitter Bootstrap 轮播？

Answer 1

你可以说我偶然找到了解决方案。在您的 html 中写入以下内容：

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

你很高兴。