swiper动态改变滑动内容的实现方法

前端之家收集整理的这篇文章主要介绍了swiper动态改变滑动内容的实现方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

假设当前显示的是1,往左滑动一个递减1,往右滑动一个递增1

body下面添加如下代码

引用swiper的css和js脚本(当前使用的是4.x以上版本)

添加js脚本

this.activeIndex){ if(now_ActiveIndex==4&&this.activeIndex==1){ $(this.slides[this.activeIndex]).text(pre_number); }else{//上一个 var act_number=pre_number-1; $(this.slides[this.activeIndex]).text(act_number); } }else if(now_ActiveIndex

初始值:

往左滑动三次:

往右滑动一次

做这个测试主要为了后面日历的左右滑动改变上一月下一月

总结

以上所述是小编给大家介绍的swiper动态改变滑动内容实现方法。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

原文链接:https://www.f2er.com/js/34144.html

猜你在找的JavaScript相关文章