防止在 Bootstrap 轮播上移动滑动。数据触摸=“假”不工作答案

【问题标题】：Prevent mobile swipe on Bootstrap carousel. data-touch="false" not working防止在 Bootstrap 轮播上移动滑动。数据触摸=“假”不工作
【发布时间】：2019-01-29 14:48:38
【问题描述】：

我正在尝试在我的项目中禁用 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" 都工作正常。

这只是一个简单的轮播，但我正在努力禁用此选项。我究竟做错了什么？是否有不同的方法可以获得相同的结果？

【问题讨论】：

在等待 4.3 发布时，可以做些什么来解决这个问题？我在 4.2.1。
Bootstrap 4.3 发布了，如果可以的话，我建议更新到 bootstrap 4.3

标签： javascript jquery bootstrap-4

【解决方案1】：

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

巧合，遇到了同样的问题。显然这是 Bootstrap 中的一个错误，经过一番挖掘后，我在 GitHub 上找到了一个 issue 来描述这一点。

它已修复，将在 Bootstrap 4.3 (see pull request here) 中发布

注意：我不确定 Bootstrap 4.3 何时发布。

编辑（2019 年 2 月 21 日）： 显然 Bootstrap 4.3 在11 feb. 2019 发布，一些补丁在 2 月 13 日发布。 2019

【讨论】：

【解决方案2】：

这是一个旧帖子，但这可能对某人有帮助

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

【讨论】：

这已经在问题本身中说明了。