如何在 swiper.js 中启用 select 文本

Question

我正在使用这个库进行滑动，它按预期工作正常，但我有这个文本问题 selection，那么如何在 <div class="swiper-slide>some text </div>[= 中启用 select 文本13=]

Answer 1

默认情况下，点击事件充当触摸事件，当您按住鼠标时，滑动会跟随鼠标移动。对于幻灯片中的 select 文本，我有两个解决方案。

选项 1

您可以使用带 class swiper-no-swiping 的 span 元素包裹文本，以禁用仅在文本上滑动。

<div class="swiper-slide"><span class="swiper-no-swiping">some text</span></div>

选项 2

您可以使用 simulateTouch 参数在幻灯片的整个区域中禁用点击事件作为触摸事件。

new Swiper('.swiper-container', { simulateTouch: false });