Swiper插件大家都知道的,手機端頁面開發過程中,輪播用這個插件灰常方便的!關鍵是調用簡單,大大的提高了開發的效率;
但是在Tab切換中調用,Swiper插件就會出問題,失效了,布局結構如下圖:
解決辦法:
調用的時候加入observer:true,observeParents:true這兩個屬性值就完美解決了;
這個是啟動動態檢查器(OB/觀眾/觀看者),當改變swiper的樣式(例如隱藏/顯示)或者修改swiper的子元素時,自動初始化swiper。
但是在Tab切換中調用,Swiper插件就會出問題,失效了,布局結構如下圖:
解決辦法:
調用的時候加入observer:true,observeParents:true這兩個屬性值就完美解決了;
這個是啟動動態檢查器(OB/觀眾/觀看者),當改變swiper的樣式(例如隱藏/顯示)或者修改swiper的子元素時,自動初始化swiper。
本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。