【无标题】解决swiper初始化过早引起的轮播图不能滑动的问题

问题产生的原因:

swiper初始化时部分元素还没有加载,导致swiper中的某些功能没有绑定到元素上;

解决方法:

swiper中有一个observer属性,在observe:true时,当我们修改swiper的子元素时,会自动初始化swiper,并该指令一般情况下搭配 observeParents:true,一起使用 即当Swiper的父元素变化时,会更新swiper。

以下为示例代码:

new Swiper(".mySwiper_1", {
    effect: "coverflow",
    grabCursor: true,
    centeredSlides: true,
    slidesPerView: "auto",
    observer: true,//解决swiper初始化时dom元素还没有加载完成造成的不能轮播
    observeParents: true,//解决swiper初始化时dom元素还没有加载完成造成的不能轮播
    initialSlide :4,
    coverflowEffect: {
        rotate: 40,
        stretch: 0,
        depth: 50,
        modifier: 1,
        slideShadows: true,
    },
});

上一篇:DFA最小化


下一篇:小程序的swiper组件