swiper中appendSlide方法或append添加的滑块,滑动和第一张图聚焦的问题

swiper自带appendSlide方法添加滑块,也可以用jq的append添加。

但都会有以下问题:

1,滑动失效

解决方法:初始化时加上:observer: true和observeParents: true就可以解决。

 var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        paginationClickable: true,
        observer: true,//修改swiper自己或子元素时,自动初始化swiper
        observeParents: true//修改swiper的父元素时,自动初始化swiper
});

2,当删掉再重新append上去的没有焦距在第一张图上

百度很多说初始化swiper时加上:initialSlide:0可以解决,但是好像不行

解决方法:

swiper.activeIndex=0; //设置当前模块的index是0,即第一张图

activeIndex可以获取到当前的active的滑块的索引,直接设置为0,就解决了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值