前端开发的小伙伴都知道Swiper这个移动端滑动插件，这个插件的使用大大的提高了手机站的开发效率，但是当在Tab切换中，插入几个Swiper是，切换就会导致Swiper插件失效，那如何解决呢？
工具/原料
1
Swiper插件
2
开发编辑器
方法/步骤
1
首先按照设计图的版面在页面写好Tab切换的样式以及js交互。
2
去Swiper官网下载需要用到的js以及css文件。
3
根据官网api提供的写法，将每个Tab所需调用的滑动写进去，这时候你就会发现切换过程中就出问题了，Swiper在切换过程中并不会调用；
4
解决办法就是：调用的时候加入observer:true,observeParents:true这两个属性值就完美解决了；
5
这个是启动动态检查器(OB/观众/观看者)，当改变swiper的样式（例如隐藏/显示）或者修改swiper的子元素时，自动初始化swiper。
6
Swiper插件在手机站开发过程中挺好用的，不管是单个滑动还是多个滑动，还是Tab菜单滑动类似app那种，都完美的兼容了各大浏览器!
上一篇：羽绒服皱了怎么办
下一篇：好吃到哭的人葱姜龙虾