Как отключить щелчок и перетаскивание касанием / мышью при смене слайда в Swiper Js

Я добавил анимацию с GSAP для моего слайдера, которую я получаю от Swiper JS https://swiperjs.com/ и все работает нормально, но если пользователь будет много раз нажимать на навигацию Swiper (стрелки, точки или перетаскивание), моя анимация начинает вылетать. Итак, вопрос в том, как отключить щелчок или смахивание при смене слайда? У меня простой код:

var modernSlider = new Swiper ('.swiper-container', {
    slidesPerView: 1,
    centerSlides: true,
    pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
    navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
})
modernSlider.on('slideChange', function(){
        var $self = $('.swiper-slide');
        var $tSpan = $self.find('.text h1 span');
        gsap.to($tSpan, {
            duration: 0.4,
            y: '50px'
        })
})

Не могли бы вы мне помочь? Заранее спасибо!


person Aslan    schedule 15.01.2020    source источник


Ответы (1)


swiper имеет свойство под названием noSwiping установить его в объекте конфигурации на false.

person Stefan Morcodeanu    schedule 20.01.2020