Bootstrap Carousel：删除自动滑动

我正在使用Bootstrap Carousel。 我只想要的是只有当导航或分页点击时，滑块才会滑动。 我试过删除

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

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

Answer 1

请尝试添加：

 interval: false 

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

Answer 2

从官方文档 ：

间隔自动循环项目之间的延迟时间。 如果为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

数据间隔=“假”

把这个添加到相应的div …

Answer 6

请尝试以下操作：

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

Answer 7

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

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

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

通过使用上面的脚本， auto-rotation将被阻止，因为interval为false