swiper二次初始化无效
- 原因: 其父元素处于隐藏状态时,会导致初始化失败
- 解决办法: observer: true, observeParents: true,
var swiper = new Swiper('.swiper-container', {
slidesPerView : 3,
slidesPerGroup : 1,
spaceBetween: 30,
observer: true, // 修改swiper自己或子元素时,自动初始化swiper
observeParents: true, //修改swiper自己或子元素时,自动初始化swiper
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});