美文网首页
每个tab切换块里嵌套swiper不正常显示问题的解决方法

每个tab切换块里嵌套swiper不正常显示问题的解决方法

作者: 神奇的小豆豆 | 来源:发表于2017-10-12 15:35 被阅读0次

    今天,我的小伙伴跟我说她在每个tab切换块里嵌套swiper轮播时出现了问题,除了第一个tab切换块里的swiper是正常的其余全不正常,这让我想起了之前写官网也遇到这个问题,于是做了这个随记,希望能帮到也遇到这样问题的小伙伴同时方便自己以后查阅。

    解决方法:

    在swiper初始化设置里加入下面两个属性:

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

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

    相关文章

      网友评论

          本文标题:每个tab切换块里嵌套swiper不正常显示问题的解决方法

          本文链接:https://www.haomeiwen.com/subject/foxoyxtx.html