Как отключить нажатие и перетаскивание мышью при смене слайда в Swiper Js - PullRequest
Новая
       21

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

0 голосов
/ 15 января 2020

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

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'
        })
})

Можете ли вы помочь мне, пожалуйста? Заранее спасибо!

1 Ответ

1 голос
/ 20 января 2020

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

...