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.xswiperV.update(); // 3.x