swiper 轮播图,手势滑动以后不能继续轮播的问题;
去了解了一下, 发现有个属性: autoplayDisableOnInteraction: false 是用来控制 手势滑动过以后,依然能够重启轮播的属性,但是我加上去以后并不管用。
mySwiper4 = new Swiper('.slotMachinesinfo .swiper-container', {
direction: 'vertical',
loop: true,
autoplay: true,
speed: 800,
autoplayDisableOnInteraction: false
});
我用的是swiper4.0.5 感觉应该是版本的问题 ,我试了其他版本,发现是能够起作用的。
原因:swiper4做了组件化的深化,可能是把autoplayDisableOnInteraction放到了autoplay里面了,你可以试试:
mySwiper4 = new Swiper('.slotMachinesinfo .swiper-container', {
direction: 'vertical',
loop: true,
autoplay: true,
speed: 800,
autoplay: {
disableOnInteraction: false
}
});
autoplay变成了一个对象,需要把毫秒数写在autoplay里面的delay属性里面即可~~