swiper 解决动态加载数据滑动失效
来源:互联网 发布:qq邮箱软件下载 编辑:程序博客网 时间:2024/05/21 10:27
两种解决方法
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="picImg" src="'+ data.artistAvatar +'" />'+ '</div>'+'<div class="app_inlineBlock workInfo">'+ '<div class="artistName">' + data.artistName + '</div>'+ '<div class="workName">' + data.artworkName + '</div>'+ '<div class="workValue">'+ data.typeName +'/'+ data.width + '*' + data.height +'/' +data.createYear + '</div>'+ '</div><div class="app_inlineBlockRight workPrice">'+ '<div class="price">¥'+ data.marketPrice +'</div></div></div>'+ '<div class="swiper-slide delBtn">删除</div></div></div>';}}$("#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});
阅读全文
0 0
- swiper 解决动态加载数据滑动失效
- swiper的学习(一):解决动态加载数据滑动失效
- ajax动态加载swiper,滑动问题解决
- jQuery -- Swiper插件使用ajax动态加载数据出现无法滑动的问题
- swiper fixed定位滑动失效解决办法
- Web App 向上滑动动态加载数据
- android左右滑动加载分页以及动态加载数据
- android左右滑动加载分页以及动态加载数据
- android左右滑动加载分页以及动态加载数据
- android左右滑动加载分页以及动态加载数据
- android左右滑动加载分页以及动态加载数据
- swiper在进行动态数据加载时的应用和处理
- Swiper动态加载不显示没效果
- bootStrap异步加载数据(动态加载数据)一二级菜单点击失效的解决办法
- 解决在angular 中swiper 不能滑动问题
- 使用jquery的load方法设计动态加载,并解决被加载页面JavaScript失效问题
- layer 动态加载select 失效
- 动态加载之后js失效
- Redis超级新手指南-下篇(哪吒篇)
- problem:浏览器中显示的内容,和通过右键看到的网页源码不一样?(未解决)
- 虫洞攻击
- WebView与ListView滑动冲突——(二)LinearLayout控制WebView滚动
- Django安装和使用
- swiper 解决动态加载数据滑动失效
- MySQL修改wait_timeout参数
- 微信小程序 获取小程序码和二维码java接口开发
- 超级详细Tcpdump 的用法
- “System.Linq.IQueryable<int>”不包含“Contains”的定义 或者“System.Linq.IEnumberable<int>”不包含“Contains”的定义
- Utils総括
- mk路线
- oracle 新的数据库新的change
- Tomcat7 内存溢出