如何使用 swiperjs 防止在某些幻灯片上滑动

Question

我们正在使用swiperjs进行幻灯片。 它工作得很好，但我们在幻灯片中input了内容，如果用户实际上可以在这些内容上滑动，则很难填写输入内容。 我想知道如果用户在输入上触摸启动，是否有办法防止 slider 滑动。

这就是我们如何初始化 slider：

new Swiper('.slider', {
  resistance: true,
  resistanceRatio: 25,
});

幻灯片内的 HTML 包括

<input type="text">
<input type='range' min='0' max='11'>

Answer 1

在回答这个问题时，将来有人会遇到同样的问题。

只需在不可滑动的元素上添加swiper-no-swiping class 或更改noSwipingClass参数。