解决swiper在tab切换时,swiper不生效,以及display:none后,无法自动滑动的问题
问题是这样的:当你兴高采烈的写完一个tab,并且把swiper嵌入到每一个tab item 觉得大功告成的时候,你会发现,永远只有第一个tab上的swiper生效了,其余的不管你怎么切换,swiper总是初始化失败,是的,就是不能愉快的滚动了~
方法一、官网给出的解决方案是,使用observer:swiper4的api地址:
https://www.swiper.com.cn/api/observer/218.html.
observer:true,//修改swiper自己或子元素时,自动初始化swiper
observeParents:true,//修改swiper的父元素时,自动初始化swiper
案例:
<script language="JavaScript">
var mySwiper = new Swiper('.swiper-container',{
pagination: {
el: