当用户单击指示器或轮播控件时，如何禁用轮播循环？答案

【问题标题】：How to disable carousel cycle, when user clicks indicators or carousel controls?当用户单击指示器或轮播控件时，如何禁用轮播循环？
【发布时间】：2013-06-20 17:06:39
【问题描述】：

使用 Bootstrap 现成的轮播，我想在用户单击指示器或控件（下一个/上一个按钮）时禁用自动循环功能。因此，如果用户单击“下一步”按钮，轮播现在将是手动的。 jQuery 不强，但这是我的尝试。

$('#myCarousel').click(function() {
    $(this).stop();
});

【问题讨论】：

标签： jquery twitter-bootstrap

【解决方案1】：

您可以通过轮播的.data() 对象访问interval 选项，并将其设置为false..

$('#myCarousel').click(function() {
  $(this).data('carousel').options.interval=false;
});

演示：http://www.bootply.com/65091

【讨论】：

【解决方案2】：

对于 Bootstrap 3，我正在做这样的事情。注意：我的页面的很大一部分都被轮播覆盖了，所以我告诉它不要在悬停时暂停（因为鼠标可能已经悬停了）。

在任意位置（包括指示器）单击轮播时暂停：

$('#myCarousel').click(function () {
        $('#myCarousel').carousel('pause');
});

仅在单击指示器时暂停，这将是这样的。其他元素也是如此。

$(".carousel-indicators").click(function () {
        $('#myCarousel').carousel('pause');
});

不直接在问题的范围内，但这是我如何防止它在鼠标悬停时暂停：

$('#myCarousel').carousel({
        pause: "false"
});

【讨论】：