? ? ? ? 最近在做項(xiàng)目中發(fā)現(xiàn)一個(gè)問題,靜態(tài)頁(yè)面里面的swiper可以滑動(dòng),但是動(dòng)態(tài)獲取的數(shù)據(jù)后頁(yè)面滑動(dòng)有問題敷待;解決方法如下:
在查閱swiper的API時(shí)發(fā)現(xiàn),有這樣兩個(gè)參數(shù):**observer**和**observeParents**仁热,前者啟動(dòng)動(dòng)態(tài)檢查器榜揖,當(dāng)改變swiper的樣式(例如隱藏/顯示)或者修改swiper的子元素時(shí),自動(dòng)初始化swiper抗蠢。后者原理和前者一樣举哟,只是將observe應(yīng)用于Swiper的父元素。兩者默認(rèn)值都為false迅矛。
var mySwiper = new Swiper('.swiper-container',{
pagination : '.swiper-pagination',
paginationClickable: true,
longSwipesRatio: 0.3,
touchRatio:1,
observer:true,//修改swiper自己或子元素時(shí)妨猩,自動(dòng)初始化swiper
observeParents:true,//修改swiper的父元素時(shí),自動(dòng)初始化swiper
})