发生某些事件时，引导轮播会停止循环

Question

使用 Bootstrap 轮播我遇到了停止自动循环的问题。

文档中说，如果设置interval:false，carousel不会自动循环，但是没有说当发生某些事件时需要停止自动循环时该怎么做。

Answer 1

假设我们在项目中有这段代码

$('#carousel-images').carousel({
    interval: 5000,
    pause : 'hover'
});

然后我们有一些点击事件处理程序，它应该做两件事

首先：应设置第 n 张幻灯片

第二：自动滑动应该停止

$('.smallSlide').click(function(e) {
    $('#carousel-images').carousel(4);
    $('#carousel-images').carousel('pause');
}

此代码无法解决问题，因为会在幻灯片滑动时尝试设置“暂停”。

这对你有用：

$('.smallSlide').click(function(e) {
    $('#carousel-images').carousel(4);
        $('#carousel-images').on('slid.bs.carousel', function () {
        $('#carousel-images').carousel('pause');
    });
}