swiper bugs if multi swipers exit
阿新 • • 發佈:2017-05-22
1.0 可能 動態 clas only read action 一個 wip
swiper 控件當動態添加時候,會導致混亂。
源碼沒詳細看,筆者猜測可能是每次初始化都有一個唯一ID,所以無法捕捉銷毀。
一.常用失敗解決方案:
①destroy()變量
②reInit()方法似乎也不起作用,筆者引用的swiper3.4.2,找不到此方法。
二.成功方案(js操作數組):
swiper has bugs if init many times, so we should init it once only.(初始化一次)
var exist=false; var Idarray=[‘index‘]; for (var i = 0; i < Idarray.length; i++) {if (Idarray[i] == showedId) { exist = true; console.log(‘exist already‘); return; } } //only init when it doesn‘t exist. if (!exist) { Idarray.push(showedId); console.log(Idarray); new Swiper(‘#‘ + showedId + ‘-swiper‘, { pagination: ‘.swiper-pagination‘, paginationType:‘fraction‘ }); }
swiper bugs if multi swipers exit