在动画完成之前,Swiper导航不起作用

时间:2017-04-13 21:35:35

标签: javascript jquery animation slider swiper

Windows上的Swiper 3.4.1

我做了一个带箭头导航,无限循环和淡入淡出效果的滑块:

var swiper = new Swiper('.swiper-container', {
    pagination: '.swiper-pagination',
    paginationClickable: true,
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    spaceBetween: 30,
    slidesPerView: 1,
    simulateTouch: false,
    speed: 1600,
    autoplay: 2500,
    autoplayDisableOnInteraction: false,
    loop: true,
    effect: 'fade',
    fade: {
      crossFade: true
    }
  });

预期行为

点击箭头(下一个和上一个按钮)

我需要停止动画

实际行为

动画未完成时,我无法点击下一个或上一个按钮

如何在点击时跳过动画?(我在文档中没有找到这个)

ps:当我删除循环时它会起作用,但我需要它

0 个答案:

没有答案