swiper 解决动态加载数据滑动失效的问题

swiper 解决动态加载数据滑动失效的问题

两种解决方法

1、数据加载后进行swiper初始化

success:function(result){

var resultdata =eval("("+result+")");

if(resultdata.status == 1){

var dataList = resultdata.data;

currentPage = resultdata.currentPage;

pageCount = resultdata.pageCount;

var html = "";

if(pageCount == 0){

html ='

}else{

for(var i in dataList){

var data = dataList[i];

html += '

+ '

+ '

+ '

+ ''

+ '

+ '

+ '

+ '

+ '

+ '

+ '

}

}

$("#list").append(html);

//swiper初始化

var swiper = new Swiper('.swiper-container', {

pagination: '.swiper-pagination',

slidesPerView: 'auto',

paginationClickable: true,

spaceBetween: 0

});

}

2、swiper初始化加两行代码

swiper1 = new Swiper('.swiper-container', {

initialSlide :0,

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

observeParents:true//修改swiper的父元素时，自动初始化swiper

});

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。