swiper.js嵌套了swiper 初始设置不能向下一个滑动 结束后重新初始

 var swiperV = new Swiper('.swiper-container-v', {

        pagination: '.swiper-pagination-v',

        paginationClickable: true,

        direction: 'vertical',

        allowSwipeToNext: false,

        observer: true,

        observeParents: true

    });

    var swiperH = new Swiper('.swiper-container-h', {

        pagination: '.swiper-pagination-h',

        paginationClickable: true,

        direction: 'horizontal',

        resistanceRatio: 0,

        prevButton: '.swiper-button-prev',

        nextButton: '.swiper-button-next',

        a11y: true,

        initialSlide: initSceneIndex,

        onInit: function (swiper) { //Swiper2.x的初始化是onFirstInit

            swiperAnimateCache(swiper); //隐藏动画元素

            swiperAnimate(swiper); //初始化完成开始动画

        },

        onSlideChangeEnd: function (swiper) {

            swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画

        }

    });

    

拖拽完成

swiperV.allowSwipeToNext=true;

怎么重新初始呢


慕的地10843
浏览 1824回答 1
1回答

蓝山帝景

正好最近也在使用 Swiper,但没有需要重新初始化的情况,看了一下文档:更新配置应该是通过params属性吧:swiperV.params.allowSwipeToNext = true;然后需要重新初始化:swiperV.reInit(); // 2.xswiperV.update(); // 3.x
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript