隱藏的Swiper顯示后無法獲取正確的寬度和高度


今天在使用swiper的時候,元素默認是顯示的時候沒毛病,但是默認是隱藏的狀態,再顯示的時候發現滑動的時候寬度計算有誤,如下圖所示:

正確的顯示如下:

 

隱藏的元素再次顯示如下:

寬度計算有誤

 

解決方案:

1 var mySwiper = myApp.swiper('.guest-wrapper',{
2     freeMode : true,
3     slidesPerView : 'auto',
4     observer: true,//修改swiper自己或子元素時,自動初始化swiper
5     observeParents: true//修改swiper的父元素時,自動初始化swiper
6 });

只需加上后面兩行即可。

參數具體含義可看官網說明:http://www.swiper.com.cn/api/Observer/2015/0308/218.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM