基于swiper的tab选项卡切换

2017-09-21  本文已影响0人  演员的自我修养_4618

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

speed : 500,

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);

});

上一篇 下一篇

猜你喜欢

热点阅读