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

最新推荐文章于 2024-10-10 10:41:43 发布

TinaTxt

最新推荐文章于 2024-10-10 10:41:43 发布

阅读量5.5k

点赞数

分类专栏： js jquery

本文链接：https://blog.csdn.net/TinaTxt/article/details/77702355

版权

本文介绍了如何解决使用Swiper时遇到的动态加载数据后滑动功能失效的问题，提供两种解决方案：一是在数据加载完成后重新初始化Swiper。

摘要由CSDN通过智能技术生成

两种解决方法

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 ='<div class="noCollect">' + resultdata.msg + '</div>';
							}else{
								for(var i in dataList){
									var data = dataList[i];
									html += '<div class="swiper-container artistDiv">'
									+ '<div class="swiper-wrapper">'
									+ '<div class="swiper-slide workDiv">'
									+ '<div class="app_inlineBlock workPic">'
									+ '<img class&#