今天在使用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