Bootstrap 5.2+ 轮播图禁用 touch 滑动只需删掉 data-bs-touch="false"，因其存在会强制关闭滑动；JS 初始化时勿传 { touch: false }；旧版 5.1.x 不支持 touch，若可滑动则必有第三方脚本或手动事件绑定。
Bootstrap 5.2+ 轮播图禁用 touch 滑动只需删掉 data-bs-touch="false"
bootstrap 5.2+ 默认开启触屏滑动，所谓“禁用”其实是关掉一个显式开关。很多人误以为要加 data-bs-touch="false" 才能禁用，其实恰恰相反：这个属性一旦存在，就会强制关闭滑动功能。
- 检查轮播容器（如
<div class="carousel slide">）是否含有 <code>data-bs-touch="false"—— 有就直接删掉 - 如果用 JS 初始化（
new bootstrap.Carousel(el, { ... })），确认没传{ touch: false }；传了就改成{ touch: true }或干脆省略（默认就是true） -
data-bs-touch="true"不必写，写了反而可能因引号/拼写错误导致静默失效 - 搜索页面中是否加载了类似
hammer.min.js、toucher.js或jquery.touchSwipe.min.js的脚本 —— 删掉即可 - 检查是否手动绑定了
touchstart/touchend事件并调用了carousel('next')或carousel('prev')—— 注释或移除对应代码 - 确认没在轮播容器上写
data-bs-touch="true"（5.1.x 不识别该属性，但某些魔改版会响应） - 给轮播外层容器（如
id="myCarousel"）绑定touchmove事件 - 回调中必须调用
e.preventDefault()，且监听器选项要设{ passive: false } - 避免影响父级滚动：只对轮播容器本身生效，别在
body或document上全局拦截
旧版 Bootstrap（5.1.x 及更早）压根不支持 touch，所以“禁用”是默认状态
5.0–5.1.x 版本的 Carousel 完全没有实现 touchstart/touchmove 监听逻辑，代码里找不到相关处理。如果你发现它能滑，那一定是引入了第三方插件（比如 bootstrap-touch-carousel、hammer.js 或自定义 touch 事件监听）。
原生方案：用 touchmove + preventDefault() 强制拦截
当必须兼容定制环境或无法控制第三方脚本时，最底层的兜底方式是直接阻止事件传播。这种方式不依赖 Bootstrap 版本，但要注意作用域和 passive 设置。
document.getElementById('myCarousel').addEventListener('touchmove', function(e) {
e.preventDefault();
}, { passive: false });
注意 CSS 层级和 overflow 对触控区域的影响
即使逻辑上已禁用，手指划过去仍可能“意外触发”，大概率是 DOM 结构或样式干扰了事件捕获。
-
.carousel-inner或其任意父容器设置了overflow: visible或overflow: auto，且子项撑出了边界 —— 改成overflow: hidden - 轮播区域被其他绝对定位元素（如悬浮按钮、广告位）轻微遮盖 —— 用开发者工具的“选择元素”悬停验证真实触控热区
- 轮播项内含
<canvas></canvas>、地图组件或自定义 slider，它们可能在touchstart中调用了e.preventDefault()—— 这会阻止事件冒泡到轮播容器
data-bs-touch 开关，5.1.x 完全无视它；而 CSS 的 overflow 设置哪怕只错一层，就能让整个触控逻辑失效。
