swiper插件问题总结

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',
      },      
    });