某些事件发生时，Bootstrap轮播停止循环

Question

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

在文档中说，如果设置interval：false，轮播将不会自动循环，但是当某些事件发生时需要停止自动循环时，没有什么可以说做什么。

Answer 1

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

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

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

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

第二：自动幻灯片应停止

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

此代码不会成功，因为＆＃39;暂停＆＃39;将在滑动滑动的那一刻尝试设置。

这对你有用：

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