博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
swiper 重新初始化
阅读量:5833 次
发布时间:2019-06-18

本文共 482 字,大约阅读时间需要 1 分钟。

hot3.png

 重新初始化Swiper。对于动态添加/移除滑块非常有用

 

//初始化swiper

var swiper1 = new Swiper('.style .swiper-container', {
    pagination: '.style .swiper-pagination',
    slidesPerView: 'auto',
    centeredSlides: true,//centeredSlides---默认false第一块居左,设置为true后居中
    paginationClickable: true,
    spaceBetween: 50,
    //loop:true//设置为true 则开启loop模式。loop模式:会在原本slide前后复制若干个slide并在合适的时候切换,让Swiper看起来是循环的。 
});

 

重新初始化方法:

swiper1.init();//重新初始化Swiper

 

 

 

纠正一篇博客()初始化方法reInit(),此方法是错误的。

错误截图:

151608_FgzY_2861217.png

 

 

 

 

转载于:https://my.oschina.net/qimhkaiyuan/blog/822195

你可能感兴趣的文章