如何在 swiper slider 中禁用拖动

Question

I am using swiper slider version 3.3.1. I did apply this code, but not working

var swiper = new Swiper('.swiper', {
    speed: 400,
    autoHeight: false,
    loop: true,
    autoplay: 2500,
    autoplayStopOnLast: false, 
    pagination: '.swiper-pagination',
    paginationType: "bullets",
    simulateTouch:false, 
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    effect: 'fade',
    slidesPerView: 1,
    scrollbar: {
     container: '.swiper-scrollbar',
     draggable: false,
   }
});

Answer 1

I am using swiper slider version 3.3.1. I did apply this code, but not working

var swiper = new Swiper('.swiper', {
    speed: 400,
    autoHeight: false,
    loop: true,
    autoplay: 2500,
    autoplayStopOnLast: false, 
    pagination: '.swiper-pagination',
    paginationType: "bullets",
    simulateTouch:false, 
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    effect: 'fade',
    slidesPerView: 1,
    scrollbar: {
     container: '.swiper-scrollbar',
     draggable: false,
   }
});

Answer 2

To add onto Veronica's answer, you can set allowTouchMove: false as a parameter for the Swiper.

Example in React:

<Swiper
  allowTouchMove={false} // disable touch / drag swiping
  {...swiperProps}
>
  {...slides}
</Swiper>

You can read more in the Swiper Documentation