//swiper的paginationRender如何与滑动事件一起使用?
<br>
var swiper = new Swiper('.vip_user_order', {<br>
autoHeight: true, //enable auto height<br>
pagination: '.order_nav',<br>
paginationClickable: true,<br>
paginationBulletRender: function (swiper,index, className) {<br>
switch (index) {<br>
case 0: name='全部';break; <br>
case 1: name='待付款';break;<br>
case 2: name='待发货';break;<br>
case 3: name='已成交';break;<br>
default: name='';<br>
}<br>
return '<a class="' + className + '">' + name + '</a>';<br>
}<br>
});<br>
/* var Myswiper = new Swiper('.swiper-container', {<br>
on:{ <br>
slidePrevTransitionEnd:function(){<br>
alert("后退");<br>
},<br>
slideNextTransitionEnd:function(){<br>
alert("前行");<br>
},<br>
}<br>
}); */<br>
swiper的paginationRender如何与滑动事件一起使用?请教各位大佬
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
1条回答 默认 最新
- mm无捷之路 2019-08-07 08:57关注
已解决
<script> var swiper = new Swiper('.vip_user_order', { onSlideChangeStart: function(swiper){ console.log(swiper.activeIndex); }, autoHeight: true, //enable auto height pagination: '.order_nav', paginationClickable: true, paginationBulletRender: function (swiper,index, className) { switch (index) { case 0: name='全部';break; case 1: name='待付款';break; case 2: name='待发货';break; case 3: name='已成交';break; default: name=''; } return '<a class="' + className + '">' + name + '</a>'; } }); </script>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决评论 打赏 举报无用 1
悬赏问题
- ¥15 对于相关问题的求解与代码
- ¥15 ubuntu子系统密码忘记
- ¥15 信号傅里叶变换在matlab上遇到的小问题请求帮助
- ¥15 保护模式-系统加载-段寄存器
- ¥15 电脑桌面设定一个区域禁止鼠标操作
- ¥15 求NPF226060磁芯的详细资料
- ¥15 使用R语言marginaleffects包进行边际效应图绘制
- ¥20 usb设备兼容性问题
- ¥15 错误(10048): “调用exui内部功能”库命令的参数“参数4”不能接受空数据。怎么解决啊
- ¥15 安装svn网络有问题怎么办