swiper display:none后显示 无法滑动的问题

swiper display:none后显示 无法滑动的问题

一般这种问题 必须在本身元素 或者父元素 显示出来 然后调用swiper实例

或者只需加两行

var swiper = new Swiper('.swiper-container', {
		      	direction: 'vertical', // 垂直切换选项
    			loop: true, // 循环模式选项
				observer:true, // 修改swiper自己或子元素时，自动初始化swiper
				observeParents:true // 修改swiper的父元素时，自动初始化swiper
			});

具体描述 swiper 官网 的api ： https://www.swiper.com.cn/api/observer/218.html.