隱藏的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 });

只需加上後面兩行便可。