解决动态模板框架中swiper重定义问题

        最近在做项目中发现一个问题,静态页面里面的swiper可以滑动,但是动态获取的数据后页面滑动有问题;解决方法如下:

在查阅swiper的API时发现,有这样两个参数:**observer**和**observeParents**,前者启动动态检查器,当改变swiper的样式(例如隐藏/显示)或者修改swiper的子元素时,自动初始化swiper。后者原理和前者一样,只是将observe应用于Swiper的父元素。两者默认值都为false。

var mySwiper = new Swiper('.swiper-container',{

pagination : '.swiper-pagination',

paginationClickable: true,

longSwipesRatio: 0.3,

touchRatio:1,

observer:true,//修改swiper自己或子元素时,自动初始化swiper

observeParents:true,//修改swiper的父元素时,自动初始化swiper

})

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容