使用方法请参考
1
http://www.jq22.com/jquery-info21612
原作者作品升级swiper.min.js为Swiper5版本
设置对象动作做了调整,Swiper5的新特性,此外某些机型对Swiper5的事件兼容不好,可以用框架自带的点击事件实现
1
2
3
4
5
6
7
8
9
10
11
12
13
14
varTouchNav=newSwiper('#TouchNav',{
freeMode:true,
freeModeMomentumRatio:0.5,
centeredSlides:true,
centeredSlidesBounds:true,
slidesPerView:'auto',
on:{
tap:function(){
$("#TouchNav.active").removeClass('active');
$("#TouchNav.swiper-slide").eq(this.clickedIndex).addClass('active');
TouchNav.slideTo(this.clickedIndex);
}
}
});
如果您觉得本文的内容对您的学习有所帮助：
关键字：
DIV