引导轮播：删除自动滑动

javascript jquery twitter-bootstrap

2022-08-30 04:11:27

我正在使用Bootstrap Carousel。我想要的只是滑块仅在单击导航或分页时滑动。我已尝试移除

$('.carousel').carousel({
    interval: 6000
});

它工作正常，但我的问题是，一旦我已经单击了导航或分页，它现在就会自动滑动。是否可以取消自动滑动功能？如果是这样，如何？

答案 1

您可以通过js或html（最简单的）通过2种方式执行此操作

$('.carousel').carousel({
  interval: false,
});

这将使自动滑动停止，因为没有添加毫秒，并且永远不会滑块。

<div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">

成为：

<div id="carouselExampleCaptions" class="carousel slide" data-interval="false">

根据@webMan的评论更新

答案 2

间隔自动循环项目之间的延迟时间量。如果为 false，轮播不会自动循环。

您可以使用 javascript 或使用属性传递此值。data-interval="false"