基于swiper的tab选项卡切换

var swiper = new Swiper('.swiper-container',{

speed : 500,

基于swiper的tab选项卡切换_第1张图片

onSlideChangeStart : function() {

var index=swiper.activeIndex;

$('.nav-tab ul li').removeClass('active').eq(index).addClass('active');

}

});

$('.nav-tab ul li').on('click', function (e) {

e.preventDefault();

//得到当前索引

var i=$(this).index();

$('.nav-tab ul li').removeClass('active').eq(i).addClass('active');

swiper.slideTo(i,1000,false);

});

你可能感兴趣的:(基于swiper的tab选项卡切换)