如何在Swiper Js中更改幻灯片时禁用单击和触摸/鼠标拖动

Question

我为滑动器添加了一些GSAP动画，这是我从Swiper JS https://swiperjs.com/获得的，并且一切正常，但是如果用户将在滑动导航上单击多次（箭头，点或拖动）我的动画开始崩溃。所以问题是，如何在更改幻灯片时禁用单击或滑动？我有简单的代码：

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

您能帮我吗？预先感谢！

Answer 1

刷卡器具有一个名为noSwiping的属性，将它在配置对象中设置为false。