Javascript 引导转盘：移除自动滑动

我用的是引导转盘。我想要的是，滑块只在单击导航或分页时滑动。 我试着把它去掉

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

---

它工作正常，但我的问题是，一旦我已经点击了导航或分页，它现在是自动滑动的。是否可以取消自动滑动功能？如果是，怎么做

您可以通过js或html（easist）两种方式完成此操作

通过js

这将使自动滑动停止，因为没有添加毫秒，下一步也不会滑动

通过Html添加

data interval=“false”

并删除

data ride=“carousel”

变成：

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

根据@webMan的评论更新

来自：

间隔自动循环项目之间的延迟时间。如果为假，转盘将不会自动循环

---

您可以使用javascript或使用

data interval=“false”

属性传递此值。

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

data-interval="false"

无需触摸JS

数据间隔=“假”

---

将此添加到相应的div

请尝试以下操作：

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

$（文档）.ready（函数（）{
$（'.carousel'）。carousel（'pause'）；
});

通过使用上述脚本，您将能够自动移动图像

$(document).ready(function() {
  $('#media').carousel({
    pause: true,
    interval: false,
  });
});

---

通过使用上述脚本，

自动旋转

将被阻止，因为

interval

是

false
更改/添加到转盘div上的数据interval=“false”

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

在Bootstrap v5中使用：
数据bs interval=“false”


感谢data interval='false'，如果您使用的是
引导
主题，Wordpress中的引导

data interval=“false”是更好的解决方案，无需触摸引导JS！这对我不起作用。。。。什么都没有。。。自动滑动对于简单的情况来说确实要简单得多，但请记住，使用自定义的

scripts.js

并在html中不使用脚本编码是更好的设计！）也要摆脱数据骑乘（carousel）。。。正确的内联语法：

data interval=“false”

知道如何在使用

react bootstrap

时停止carousel吗？这是唯一一个在运行时使用控制台与我一起工作的方法。

$(document).ready(function() {
  $('#media').carousel({
    pause: true,
    interval: 40000,
  });
});

$(document).ready(function() {
  $('#media').carousel({
    pause: true,
    interval: false,
  });
});

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

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