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()
})

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

1 个答案: