Swiper轮播手动后不动

最近项目首页轮播图用了Swiper轮播,今天突然发现轮播图动画初始正常但是手动换过之后就不动了,解决方法有两种,具体根据采用的情况为准:

1、autoplayDisableOnInteraction:false,

var mySwiper = new Swiper(".swiper-container", {
    autoplay: 3000, //可选选项,自动滑动
    autoplayDisableOnInteraction:false,
    observer: true,
    observeParents: true,
    paginationClickable: true,
    watchSlidesProgress: true,
    watchSlidesVisibility: true
});
                    
                        

当autoplayDisableOnInteraction:false的时候,手动滑动自动滑动不会失效

 

2、网上最多的:disableOnInteraction:false,

var mySwiper = new Swiper(".swiper-container", {
    autoplay: {
      delay: 2500,
      disableOnInteraction: false,
    },
    observer: true,
    observeParents: true,
    paginationClickable: true,
    watchSlidesProgress: true,
    watchSlidesVisibility: true
});

话不多说,其实只是写法不用,属性作用一样。

 

posted @ 2019-11-14 14:14  疯癫释流年  阅读(981)  评论(0编辑  收藏  举报