使用Rangeslider.js的Swiper.js - 在Rangeslider.js onSlide回调函数上禁用Swiper.js触摸事件

Question

我在iDangerous＆＃39;之上使用了Andre Ruffert的rangeslider.js。 swiper.js但是每当我滑动我初始化的滑雪者时，它也会刺激Swiper的触摸滑动事件，因此它们都会同时滑动。我可以使用任何方法在我滑动Rangeslider时禁用Swiper？我是jQuery的新手，所以任何帮助都会受到赞赏。

这是我的代码：

HTML

<div class="swiper-container">
  <div class="swiper-wrapper">
    <!--First Slide-->
    <div class="swiper-slide"> 
    <input type="range" class="rangeslider"/>
  </div>

  <!--Second Slide-->
  <div class="swiper-slide">
    <h2>Slide 2</h2>
  </div>

  <!--Etc..-->

JS

var mySwiper = $('.swiper-container').swiper({

mode:'horizontal',
loop: true

});

$('input[type="range"]').rangeslider({

polyfill: false,

// Callback function
onSlide: function(position, value) {},

// Callback function
onSlideEnd: function(position, value) {}
});

Answer 1

将swiper-no-swiping类添加到rangelider：

$('input[type="range"]').addClass('swiper-no-swiping');