当用户单击指示器或转盘控件时，如何禁用转盘循环

Question

使用Bootstrap ready制作的旋转木马，我想在用户单击指示器或控件（下一个/上一个按钮）时禁用自动循环功能。因此，如果用户点击"下一步"按钮，转盘现在将是手动的。jQuery并不强大，但这是我的尝试。

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

Answer 1

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

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

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

Answer 2

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

当转盘被点击到任何位置（包括指示器）时，要暂停：

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

如果只在单击某个指示器时才暂停，则会出现类似的情况。其他元素也是如此。

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

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

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