//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>
已解决
<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>