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,就解决了