防止在 Bootstrap 輪播上移動滑動。 數據觸摸=“假”不起作用

Question

我正在嘗試在我的項目中禁用 Bootstrap 4 輪播滑動，但我沒有成功。

這只是一個簡單的輪播，但我正在努力禁用此選項。 我究竟做錯了什么？ 有沒有不同的方法來獲得相同的結果？

在 Bootstrap 文檔（ https://getbootstrap.com/docs/4.2/components/carousel/ ）中，它說我可以應用數據屬性 data-touch="false" 來禁用它，但它似乎不起作用.

我還嘗試了以下方法，但效果不佳：

$('.carousel').carousel({
  touch: false
})

<div id="carousel-1" class="carousel slide" data-touch="false" data-wrap="false" data-interval="false">
    <div class="carousel-inner">
        <div class="carousel-item active">
...

data-wrap="false" data-interval="false"都正常工作。

這只是一個簡單的輪播，但我正在努力禁用此選項。 我究竟做錯了什么？ 有沒有不同的方法來獲得相同的結果？

Answer 1

原始答案（2019 年 2 月 7 日）：

巧合，碰到同樣的問題。 顯然這是 Bootstrap 中的一個錯誤，經過一番挖掘后，我在 GitHub 上發現了一個描述此問題的問題。

它已修復，將在 Bootstrap 4.3 中發布（請參閱此處的拉取請求）

注意：我不確定 Bootstrap 4.3 何時發布。

---

編輯（2019 年 2 月 21 日）：顯然 Bootstrap 4.3 於2 月 11 日發布。 2019 年，以及 2 月 13 日的一些補丁。 2019年

Answer 2

這是一個舊帖子，但這可能對某人有所幫助

$('.carousel').carousel({
     touch: false
});