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切换的时候调用
})
推荐第一种 亲测有效