1. 程式人生 > >swiper 父級元素display:none 之bug

swiper 父級元素display:none 之bug

問題描述: 同一個頁面,點選底部tab按鈕切換div的顯示與隱藏,點選到第四個頁面時 輪播圖總是不動,出bug

var mySwiper = new Swiper('.swiper-contain', {
autoplay: 3000,//可選選項,自動滑動
speed: 300,
loop: true,
observer: true,
observerParents: true
});
加入監視器的兩個屬性後 也還是沒動,這個時候就再加上update()的方法了
// 點選按鈕方法  切換div
function lays(id) {
$(".tabbar-footer li a").removeClass("on");
$("#laybtn0" + id).addClass("on");
$('.lay').hide();
$("#lay0" + id).show();
//當切換到第四個頁面時--
if(id==4){
mySwiper.update();//再次強制更新
}
}