下面我就为大家分享一篇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 ='' + resultdata.msg + '
';
}else{
for(var i in dataList){
var data = dataList[i];
html += ''
+ '
'
+ '
'
+ '
'
+ '
'+''
+ '
' + data.artistName + '
'
+ '' + data.artworkName + '
'
+ ''+ data.typeName +'/'+ data.width + '*' + data.height +'/' +data.createYear + '
'
+ ''
+ '
￥'+ data.marketPrice +'
'
+ '';
}
}
$("#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
});上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
