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