美文网首页
swiper 部分移动端错乱

swiper 部分移动端错乱

作者: lovelydong | 来源:发表于2019-06-12 16:46 被阅读0次
在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();
            
            
            }

相关文章

网友评论

      本文标题:swiper 部分移动端错乱

      本文链接:https://www.haomeiwen.com/subject/enplfctx.html