1. 程式人生 > >關於weui中swiper外掛navbar/tab中使用輪播失效問題

關於weui中swiper外掛navbar/tab中使用輪播失效問題

在使用weui的中的選項卡的中每一個選項卡中使用swiper輪播功能,會發現只有其中一個tab初始化了(也就是隻有其中一個可以進行輪播,圖片切換),需要在初始化中新增

observer:true,//修改swiper自己或子元素時,自動初始化swiper  

observeParents:true,//修改swiper的父元素時,自動初始化swiper  

完整程式碼如下:

        var swiper = new Swiper('.swiper-container', {
        /*loop: true,
        autoplay: {
    disableOnInteraction: false,
  },*/
observer:true,//修改swiper自己或子元素時,自動初始化swiper  
       observeParents:true,//修改swiper的父元素時,自動初始化swiper  
centeredSlides:true,
    slidesPerView: 3.5,
      spaceBetween: 10,
      centeredSlides: false,

    });