swiper 在移動端不能左右滑動,數據是動態(tài)的;默認顯示最后一項;輪播方向問題

今天遇到一個swiper的問題
數據是后臺動態(tài)加載,H5的頁面,在渲染后不能夠左右滑動,查了文檔,發(fā)現在初始化之前添加:

observer: true,//修改swiper自己或子元素時,自動初始化swiper
observeParents: true//修改swiper的父元素時,自動初始化swiper

然后就可以滑動,但是又出了一個新的問題,默認展示的第一組數據是最后一項,也就是說在數據請求完后在進行渲染swiper,所以添加定時器進行延遲就解決了這個問題。也就是在dom生成之后在去進行swiper實例的初始化。這樣就能正常加載數據并顯示第一組數據。

然后自動輪播的時候還需要改變輪播的方向,默認是從右至左,但是也需要從左至右,那么在自動輪播設置:

 autoplay: {
    reverseDirection: true,
  },
?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容