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. javascript - immutable配合react提升性能?2. javascript - sublime快鍵鍵問題3. css - 寫頁面遇到個布局問題,求大佬們幫解答,在線等,急!~4. 配置Apache時,添加對PHP的支持時語法錯誤5. phpstudy8.1支持win11系統嗎?6. javascript - nodejs關于進程間發送句柄的一點疑問7. javascript - 移動端上不能實現拖拽布局嗎?8. 實現bing搜索工具urlAPI提交9. Apache 已經把網站根目錄的改為allow from all了,但是服務器還是不能訪問?10. vue.js - Vue 如何像Angular.js watch 一樣監聽數據變化

網公網安備