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上发现了一个issue来描述这一点。

它是固定的，将在Bootstrap 4.3（see pull request here）中提供

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

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

Answer 2

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

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

防止在Bootstrap传送带上滑动刷卡。 data-touch =“ false”不起作用

2 个答案: