我怎樣才能使用滑塊輸入與swiper.js

Question

我正在爲移動設備（與PhoneGap使用）建立一個HTML應用程序，我使用swange由idangero.us進行頁面轉換。

在頁面中的一個，我有一個HTML5視頻標籤，但每一次我嘗試使用音量滑塊，刷卡被激活。 我該如何避免這種情況？

例如，請考慮以下幾點：

<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可以容易地防止組隊，探索事件：

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