javascript - Bootstrap 輪播：移除自動滑動

我正在使用 Bootstrap Carousel。我只希望滑塊只有在點擊導航或分頁時才會滑動。我已經嘗試過移除

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

它運作正常，但我的問題是，一旦我已經點擊了導航或分頁，它就會自動滑動。是否有可能移除自動滑動功能？如果可以，要怎麼做？

答案＃1

你可以用兩種方式做到這一點，透過 js 或 html（最簡單）

1. 透過 js

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

這將使自動滑動停止，因為沒有添加毫秒，滑塊將永遠不會下一個。

2. 透過 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 的評論更新

答案＃2

來自官方文件：

間隔 自動輪播項目之間的延遲時間。如果 false，旋轉木馬將不會自動輪播。

您可以使用 JavaScript 傳遞此值，或使用 data-interval="false" 屬性。

答案＃3

你只需要在你的 DIV 標籤中再添加一個屬性，就是

data-interval="false"

不需要碰 JS！

答案＃4

在 carousel div 上將 data-interval="false" 修改/新增

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

答案＃5

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

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