bootstrap carousel暂停不起作用

Question

我无法调用暂停＆＃39;在Bootstrap（3.0.2）轮播上运行。我已经尝试过各种我能想到的方式来引用轮播实例，但是 - 没有错误，没有停顿。

<script>
    var stepIndex = 3;
    $('.carousel').carousel({
        interval: 3000
    });
    $('#carousel-couples').on('slide.bs.carousel', function () {
        stepIndex--
        console.log("carousel stepping", stepIndex);
        if (stepIndex == 0) {
            console.log("supposedly pausing carousel");
            $('.carousel').carousel('pause');
        }
    })
</script>
</body>
</html>

Answer 1

在旋转木马滑动似乎不起作用时调用旋转木马上的暂停。而是在幻灯片完成转换后使用slid.bs.carousel事件运行，然后pause应该有效。

$('#carousel-couples').on('slid.bs.carousel', function () {
    ...
});