在同一滑块上使用单击和拖动事件时，滑块滑块会卡住/弹跳

Question

这是我正在编写的代码。当我尝试拖动滑块中的图像时，它会调用超链接并在图像链接上导航。理想情况下，当我拖动时，它应该拖动滑块中的内容，当我点击图像时它应该导航到图像链接。

var swiper = new Swiper('.swiper-container', {

iOSEdgeSwipeDetection:true,
iOSEdgeSwipeThreshold:0,
    lazyLoading: true,
       mode:'horizontal',
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    slidesPerView: 7,
    slidesPerGroup:3,
    spaceBetween: 10,
    simulateTouch:true,
    freeMode: true,
    resizeReInit:true,
   preventClicks: false
 });

Answer 1

未经测试，但您可以尝试此代码

var settings = {
               iOSEdgeSwipeDetection:true,
iOSEdgeSwipeThreshold:0,
    lazyLoading: true,
       mode:'horizontal',
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    slidesPerView: 7,
    slidesPerGroup:3,
    spaceBetween: 10,
    simulateTouch:true,
    freeMode: true,
    resizeReInit:true,
   preventClicks: false,
              onSlideChangeEnd:function(swiper){

              } ,
                 onTouchEnd:function(swiper,event){
              },
    onInit:function(swiper){

    },
     onClick:function(swiper, event){
         event.preventDefault();
    },
     onTap:function(swiper, event){

    }
               };