隐藏swiper swiper隐藏再显示出现点击不了情况

制作项目中,需要swiper +tab切换,可是一把swiper 隐藏效果就显示不出来了 后来仔细看了一下官方文档教程,豁然开朗

制作项目中,需要swiper +tab切换,可是一把swiper 隐藏效果就显示不出来了
后来仔细看了一下官方文档教程,豁然开朗

<script language="javascript"> 
  var myswiper = new swiper('.swiper-container',{
    pagination: {
      el: '.swiper-pagination',
    },
    observer:true,/*启动动态检查器,当改变swiper的样式(例如隐藏/显示)或者修改swiper的子元素时,自动初始化swiper。*/
    observeParents:true,/*将observe应用于swiper的父元素。当swiper的父元素变化时,例如window.resize,swiper更新。*/
  })
</script>

官方API帮助文档链接:http://www.swiper.com.cn/api/observer/218.html

原创文章,作者:ECHO陈文,如若转载,请注明出处:https://www.luweipai.cn/html/35648/

  • 0