码迷,mamicode.com
首页 > 其他好文 > 详细

swiper bugs if multi swipers exit

时间:2017-05-22 11:55:40      阅读:136      评论:0      收藏:0      [点我收藏+]

标签:ida   utf-8   引用   push   ini   XML   new   解决方案   1.0   

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

标签:ida   utf-8   引用   push   ini   XML   new   解决方案   1.0   

原文地址:http://www.cnblogs.com/defoliate/p/6888452.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!