加display:none后swiper轮播滑动失效

1.当一个页面中用到多个swiper插件时，如果swiper名字相同时，轮播滑动会错乱，解决方法：swiper名字不相同即可恢复正常轮播效果

2.当swiper遇上display：none时轮播效果也会失效，控制台如下图的错误：

解决办法：

//添加如下两句代码即可恢复自动轮播
observer:true,//当改变swiper的样式（例如隐藏/显示）或者修改swiper的子元素时，自动初始化swiper
observeParents:true//修改swiper的父元素时，自动初始化swiper