解决动态模板框架中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

})

你可能感兴趣的:(解决动态模板框架中swiper重定义问题)