javascript - Bootstrap 轮播 : Remove auto slide

Question

我正在使用 Bootstrap 轮播。我想要的只是 slider 只会在单击导航或分页时滑动。 我试过删除

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

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

Answer 1

你可以通过 js 或 html (easist) 两种方式做到这一点

1. 通过js

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

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

1. 通过 Html 添加 data-interval="false" 并删除 data-ride="carousel"

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

变成:

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

根据@webMan 的评论更新