javascript - swiper.js嵌套了swiper 初始设置不能向下一个滑动 结束后重新初始
漂亮男人
漂亮男人 2017-06-28 09:27:46
[JavaScript讨论组]
 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;

怎么重新初始呢

漂亮男人
漂亮男人

全部回复(1)
女神的闺蜜爱上我

正好最近也在使用 Swiper,但没有需要重新初始化的情况,看了一下文档:

更新配置应该是通过params属性吧:

swiperV.params.allowSwipeToNext = true;

然后需要重新初始化:

swiperV.reInit(); // 2.x
swiperV.update(); // 3.x
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号