如何在swiper.js中使用滑块输入

Question

我正在为移动设备构建HTML应用程序（与PhoneGap结合使用），并且正在使用idangero.us的swiper进行页面转换。

在其中一个页面中，我有一个html5视频标记，但是每次尝试使用音量滑块时，都会激活swiper。 我该如何避免呢？

例如，考虑以下内容：

<div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <video src="some_movie_url" controls></video>
        </div>
        <div class="swiper-slide">
            Foo
        </div>
        <div class="swiper-slide">
            Bar
        </div>
    </div>
</div>

接着：

new Swiper('.swiper-container', {speed: 250, freeMode: false});

有什么“简单”的方法可以使视频控件正常工作？ 还是应该捕获所有刷卡事件并自己处理？

Answer 1

使用stopPropagation可以轻松地防止“触摸”视频元素时发生Swiper事件：

$('video').on('touchstart mousedown', function(e){
  e.stopPropagation()
})