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

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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM