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

前端之家收集整理的这篇文章主要介绍了swiper 解决动态加载数据滑动失效的问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

两种解决方法

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

'; }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初始化加两行代码

修改swiper自己或子元素时,自动初始化swiper observeParents:true//修改swiper的父元素时,自动初始化swiper });

以上这篇swiper 解决动态加载数据滑动失效的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

猜你在找的JavaScript相关文章