Swiper隐藏后在显示滑动问题

Posted 赵理通

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Swiper隐藏后在显示滑动问题相关的知识,希望对你有一定的参考价值。

	<div class="labs" style=“display:none”>
			<div class="swiper-wrapper">
				{{each $data.result}}
				<div class="swiper-slide">
					<ul class="cf">
						{{each $value x}}
						<li class="fl table">{{x}}</li>
						{{/each}}
					</ul>
				</div>
				{{/each}}
			</div>

		</div>

  

var lables = new Swiper(‘.labs‘, {

observer: true,//修改swiper自己或子元素时,自动初始化swiper
observeParents: true//修改swiper的父元素时,自动初始化swiper
})

以上是关于Swiper隐藏后在显示滑动问题的主要内容,如果未能解决你的问题,请参考以下文章

隐藏的Swiper显示后无法获取正确的宽度和高度

关于Tab切换中嵌套Swiper移动端滑动插件,导致Swiper插件失效的问题

swiper display:none 后 在显示 滑动问题

使用删除与隐藏时未调用自定义动画

iOS 忽略 Swiper 库的容器宽度

swipe.js怎么动态添加滑动元素