//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
悬赏问题
- ¥50 永磁型步进电机PID算法
- ¥15 sqlite 附加(attach database)加密数据库时,返回26是什么原因呢?
- ¥88 找成都本地经验丰富懂小程序开发的技术大咖
- ¥15 如何处理复杂数据表格的除法运算
- ¥15 如何用stc8h1k08的片子做485数据透传的功能?(关键词-串口)
- ¥15 有兄弟姐妹会用word插图功能制作类似citespace的图片吗?
- ¥200 uniapp长期运行卡死问题解决
- ¥15 latex怎么处理论文引理引用参考文献
- ¥15 请教:如何用postman调用本地虚拟机区块链接上的合约?
- ¥15 为什么使用javacv转封装rtsp为rtmp时出现如下问题:[h264 @ 000000004faf7500]no frame?