mm无捷之路 2019-08-06 17:50 采纳率: 33.3%
浏览 712
已采纳

swiper的paginationRender如何与滑动事件一起使用?请教各位大佬

//swiper的paginationRender如何与滑动事件一起使用?
<br> var swiper = new Swiper(&#39;.vip_user_order&#39;, {<br> autoHeight: true, //enable auto height<br> pagination: &#39;.order_nav&#39;,<br> paginationClickable: true,<br> paginationBulletRender: function (swiper,index, className) {<br> switch (index) {<br> case 0: name=&#39;全部&#39;;break; <br> case 1: name=&#39;待付款&#39;;break;<br> case 2: name=&#39;待发货&#39;;break;<br> case 3: name=&#39;已成交&#39;;break;<br> default: name=&#39;&#39;;<br> }<br> return &#39;<a class="' + className + '">&#39; + name + &#39;</a>&#39;;<br> }<br> });<br> /* var Myswiper = new Swiper(&#39;.swiper-container&#39;, {<br> on:{ <br> slidePrevTransitionEnd:function(){<br> alert(&quot;后退&quot;);<br> },<br> slideNextTransitionEnd:function(){<br> alert(&quot;前行&quot;);<br> },<br> }<br> }); */<br>

  • 写回答

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>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 对于相关问题的求解与代码
  • ¥15 ubuntu子系统密码忘记
  • ¥15 信号傅里叶变换在matlab上遇到的小问题请求帮助
  • ¥15 保护模式-系统加载-段寄存器
  • ¥15 电脑桌面设定一个区域禁止鼠标操作
  • ¥15 求NPF226060磁芯的详细资料
  • ¥15 使用R语言marginaleffects包进行边际效应图绘制
  • ¥20 usb设备兼容性问题
  • ¥15 错误(10048): “调用exui内部功能”库命令的参数“参数4”不能接受空数据。怎么解决啊
  • ¥15 安装svn网络有问题怎么办