swiper 解决动态加载数据滑动失效的问题
2024-09-02 10:02:11
两种解决方法
第一种解决办法:
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
});
最新文章
- linux学习之九 学习过程总结
- 菜鸟级别的WCF入门学习
- ASP.NET 5 Beta8发布及升级经验
- Transact-SQL三值逻辑
- jQuery性能优化(转)
- WPF中的资源简介、DynamicResource与StaticResource的区别(转)
- C#调用C++动态库时类型转换
- HTML 脚本
- 为什么 1000 == 1000会返回false,100 == 100会返回true
- RabbitMQ安装步骤
- 机器学习基石:01 The Learning Problem
- [转]Memcache的使用和协议分析详解
- 编写高质量代码:改善Java程序的151个建议 --[26~36]
- [JavaScript]使用ArrayBuffer和Blob编辑二进制流
- python-包及日志模块使用
- Python的pandas
- 【Linux】Linux下统计当前文件夹下的文件个数、目录个数
- 巧用CASE WHEN 验证用户登录信息
- 唯美MACD
- 使用矩阵分解(SVD)实现推荐系统
热门文章
- mac10.10 打造Python多版本虚拟环境
- 基于BASYS2的VHDL程序——分频和数码管静态显示程序
- break和continue 都是指的最接近的内层循环
- 深入理解c语言——‘\0’ ,‘0’, “0” ,0之间的区别
- 对服务器上所有Word文件做全文检索的解决方案-Java
- Chapter3——进入Android Dalvik虚拟机(二)
- 属性(@property)的修饰词有哪些,各自是什么作用,在哪种情况下用?
- 「LuoguP2420」 让我们异或吧(树上前缀和
- codevs 3095 黑心的市长
- python BaseManager分布式学习