swiper 父级元素display:none 之bug

Posted 2021-01-26 xiao-hui-hui

问题描述: 同一个页面,点击底部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();//再次强制更新
    }
}