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

Question

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

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

Answer 1

您可以interval通过轮播的.data()对象访问该选项，并将其设置为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"
});