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;
怎么重新初始呢
問題解答
回答1：正好最近也在使用 Swiper，但沒有需要重新初始化的情況，看了一下文檔：
更新配置應該是通過params屬性吧：
swiperV.params.allowSwipeToNext = true;
然后需要重新初始化：
swiperV.reInit(); // 2.xswiperV.update(); // 3.x
相關文章：
1. 我在centos容器里安裝docker，也就是在容器里安裝容器，報錯了？2. 基于Nginx的Wordpress安裝失敗?3. Java OutputStream等效于getClass（）。getClassLoader（）。getResourceAsStream（）4. mongoDB批量插入文檔時，運行下面代碼，用MongoVUE查看數據庫，mongo庫中只存在一個文檔？不應該是20個嗎？5. 如何編寫可以用Java計算能力的函數。無循環6. CSS3可否做出這個效果？7. type=text/css是什么意思8. javascript - ui-router可否控制歷史記錄9. javascript - vue中怎么給input的value綁定計算屬性10. docker 17.03 怎么配置 registry mirror ?
網公網安備