javascript - swiper.js嵌套了swiper 初始設(shè)置不能向下一個(gè)滑動(dòng) 結(jié)束后重新初始
問題描述
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); //隱藏動(dòng)畫元素 swiperAnimate(swiper); //初始化完成開始動(dòng)畫},onSlideChangeEnd: function (swiper) { swiperAnimate(swiper); //每個(gè)slide切換結(jié)束時(shí)也運(yùn)行當(dāng)前slide動(dòng)畫} });
拖拽完成
swiperV.allowSwipeToNext=true;
怎么重新初始呢
問題解答
回答1:正好最近也在使用 Swiper,但沒有需要重新初始化的情況,看了一下文檔:
更新配置應(yīng)該是通過params屬性吧:
swiperV.params.allowSwipeToNext = true;
然后需要重新初始化:
swiperV.reInit(); // 2.xswiperV.update(); // 3.x
相關(guān)文章:
1. JavaScript將.apply()與'new'運(yùn)算符配合使用這可能嗎?2. angular.js - webpack build后的angularjs路由跳轉(zhuǎn)問題3. java - Activity中的成員變量被賦值之后,Activity被回收的時(shí)候內(nèi)存才會(huì)被釋放嗎4. java - web項(xiàng)目中,用戶登陸信息存儲(chǔ)在session中好 還是cookie中好,取決于什么?5. 為什么 必須在<ul> 下建立 <li> 在建<a>?6. 請(qǐng)求一個(gè)數(shù)據(jù)返回內(nèi)容為空或者錯(cuò)誤如何再次請(qǐng)求幾次7. 老師,flex-shrink: 1; 按視頻操作,不會(huì)自動(dòng)縮放8. 為什么bindClass訪問不了的?9. Discuz! Q 有人用過嗎?10. 我寫的哪里有錯(cuò)?請(qǐng)大神幫忙查看一下。
