swiper 父级元素display:none 之bug

问题描述: 同一个页面,点击底部tab按钮切换div的显示与隐藏,点击到第四个页面时 轮播图总是不动,出bug

function start(){

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();//再次强制更新(有个bug  不知道为什么 一直加载第一张图片 所以删掉这个方法,用function 回调)
start()

    }
}