關於weui中swiper外掛navbar/tab中使用輪播失效問題
阿新 • • 發佈:2019-01-05
在使用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,
});