我用Swiper.js的swiper用手指滑动后停止自动播放,为什么?

时间:2016-08-26 05:58:26

标签: javascript swiper

var mySwiper = new Swiper('.myswiper', {
        autoplay: 3000,
        simulateTouch: true,
        loop: true,
        preloadImages: true,
        speed: 200,
        pagination: '.swiper-pagination'
    });

虽然这是我最初的傻瓜,当我用鼠标拖动它或者用手指触摸然后滑动它时,我的傻瓜会停止自动播放,如何解决它?

2 个答案:

答案 0 :(得分:3)

现在是'disableOnInteraction'

var mySwiper = new Swiper ('.swiper-container', {
    direction: 'horizontal',
    loop: true,
    scrollbar: { el: '.swiper-scrollbar' },
    autoplay: {
        delay: 5000,
        disableOnInteraction: false
    }
});

答案 1 :(得分:1)

最佳解决方案是在API of Swiper中找到答案,例如Autoplay Demo

您应该在下面插入滑动属性:

autoplayDisableOnInteraction: false

该属性的说明:

  

设置为false,用户交互后不会禁用自动播放   (滑动),每次交互后都会重新启动。