swiper的初始化

57 篇文章 0 订阅

1.在swiper显示隐藏后,swiper点不了或者滑动出现问题,需要自动初始化

 var swiper = new Swiper('.swiper-container', {
                    slidesPerView: 1,
                    paginationClickable: true,
                    observer: true, //修改swiper自己或子元素时,自动初始化swiper,主要是这两行
                    observeParents: true //修改swiper的父元素时,自动初始化swiper
                });

2.隐藏显示切换的时候再次调用swiper的初始化方法

function typeNavSwiper(){
				new Swiper('.m-video-type-nav', {
					slidesPerView :'auto',
				})
			}
			//tab切换
			$(document).on("click", '.m-video-tab-nav .swiper-slide', function() {
				var _this = $(this),
					_idx = _this.index(),
					txt=_this.text();
					_photoItems=_this.parents(".m-video-tab-nav").siblings(".m-video-tab-box").find(".m-video-tab-list");
					$(this).addClass("on").siblings().removeClass("on");
				if (_photoItems.length > _idx) {
					_photoItems.eq(_idx).addClass("isshow").siblings().removeClass("isshow");
				}
				videoSchool(txt); //tab切换的时候调用
			})

推荐第一种 亲测有效

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值