关于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,

    });

你可能感兴趣的:(web前端,插件)