今天遇到一個swiper的問題
數據是后臺動態(tài)加載,H5的頁面,在渲染后不能夠左右滑動,查了文檔,發(fā)現在初始化之前添加:
observer: true,//修改swiper自己或子元素時,自動初始化swiper
observeParents: true//修改swiper的父元素時,自動初始化swiper
然后就可以滑動,但是又出了一個新的問題,默認展示的第一組數據是最后一項,也就是說在數據請求完后在進行渲染swiper,所以添加定時器進行延遲就解決了這個問題。也就是在dom生成之后在去進行swiper實例的初始化。這樣就能正常加載數據并顯示第一組數據。
然后自動輪播的時候還需要改變輪播的方向,默認是從右至左,但是也需要從左至右,那么在自動輪播設置:
autoplay: {
reverseDirection: true,
},