网站优化

小程序开发模板_swiper 解决动态加载数据滑动失效

作者:admin 发布时间:2021-01-08
swiper 解决动态加载数据滑动失效的问题       下面小编就为大家分享一篇swiper 解决动态加载数据滑动失效的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
+ ' div ' + data.artworkName + ' /div ' + ' div '+ data.typeName +'/'+ data.width + '*' + data.height +'/' +data.createYear + ' /div ' + ' /div div ' + ' div ¥'+ data.marketPrice +' /div /div /div ' + ' div 删除 /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 
}); 

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



收缩