微客导航 » 文章资讯 » swiper 解决动态加载数据滑动失效的问题

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

2023-09-16 01:34:05 306

两种解决方法

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

success:function(result){
varresultdata=eval("("+result+")");
if(resultdata.status==1){
	vardataList=resultdata.data;
	currentPage=resultdata.currentPage;
	pageCount=resultdata.pageCount;
	varhtml="";
	if(pageCount==0){
		html=''+resultdata.msg+'

'; }else{ for(variindataList){ vardata=dataList[i]; html+='' +'' +'' +'' +'' +'

'+'' +''+data.artistName+'

' +''+data.artworkName+'

' +''+data.typeName+'/'+data.width+'*'+data.height+'/'+data.createYear+'

' +'' +'￥'+data.marketPrice+'' +'删除'; } } $("#list").append(html); //swiper初始化 varswiper=newSwiper('.swiper-container',{ pagination:'.swiper-pagination', slidesPerView:'auto', paginationClickable:true, spaceBetween:0 }); }

2、swiper初始化加两行代码

swiper1=newSwiper('.swiper-container',{
initialSlide:0,
observer:true,//修改swiper自己或子元素时，自动初始化swiper
observeParents:true//修改swiper的父元素时，自动初始化swiper
});

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

返回顶部
3162201930
czq8825@qq.com

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

热门推荐

随机推荐