javascript - swiper.js嵌套了swiper 初始设置不能向下一个滑动 结束后重新初始
本文介绍了javascript - 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;
怎么重新初始呢
解决方案
正好最近也在使用 Swiper,但没有需要重新初始化的情况,看了一下文档:
更新配置应该是通过params
属性吧:
swiperV.params.allowSwipeToNext = true;
然后需要重新初始化:
swiperV.reInit(); // 2.x
swiperV.update(); // 3.x
这篇关于javascript - swiper.js嵌套了swiper 初始设置不能向下一个滑动 结束后重新初始的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文