Bootstrap Carousel:删除自动幻灯片

Question

我正在使用Bootstrap Carousel.我想要的是滑块只会在单击导航或分页时滑动.我试过删除

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

它工作正常但我的问题是,一旦我已经点击导航或分页,它现在是自动滑动.是否可以删除自动滑动功能？如果是这样,怎么样？

Answer 1

请尝试添加:

interval: false

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

Answer 2

来自官方文档:

interval自动循环项目之间的延迟时间.如果为false,轮播将不会自动循环.

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

Answer 3

您只需要为DIV标记添加一个属性即可

data-interval="false"

无需触摸JS!

Answer 4

在carousel div上更改/添加到data-interval ="false"

<div class="carousel slide" data-ride="carousel" data-type="multi" data-interval="false" id="myCarousel">

Answer 5

在 Bootstrap v5 中使用： data-bs-interval="false"

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

Answer 6

请尝试以下方法:

<script>
    $(document).ready(function() {      
        $('.carousel').carousel('pause');
    });
</script>