swiper 部分移动端错乱

2019-06-12  本文已影响0人  lovelydong
在swiper初始化内添加这两个属性就可以了;

observer:true,//修改swiper自己或子元素时,自动初始化swiper

observeParents:true,//修改swiper的父元素时,自动初始化swiper
var baner_swiper = new Swiper('.zj_banner .swiper-container', {
                        pagination: '.swiper-pagination',
                        nextButton: '.swiper-button-next',
                        prevButton: '.swiper-button-prev',
                        slidesPerView: 1,
                        paginationClickable: true,
                        spaceBetween: 0,
                        loop: true,
                        autoplay: 3000,
                        autoplayDisableOnInteraction: false,
                        observer:true,//修改swiper自己或子元素时,自动初始化swiper
                        observeParents:true,//修改swiper的父元素时,自动初始化swiper
                    });

//处理轮播图小于1张是禁止自动轮播
if($(".zj_banner .swiper-slide").length==3){
            
            
             baner_swiper.stopAutoplay();
            
            }else{
            baner_swiper.startAutoplay();
            
            
            }
上一篇 下一篇

猜你喜欢

热点阅读