查看: 4932|回复: 1
打印 上一主题 下一主题

swiper自定义分页器点击效果(paginationClickable )如何添加

[复制链接]

该用户从未签到

1

主题

4

帖子

14

积分

新手上路

Rank: 1

积分
14
跳转到指定楼层
楼主
发表于 2018-6-1 14:39:25 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
                                paginationType: 'custom',
                                paginationClickable :true,
                                paginationCustomRender: function (swiper, current, total) {
                                        var modularH = '';
                                        for(var i = 1;i <=total; ++i){
                                                if(i == current){
                                                        modularH += '<span class="swiper_Paging_device_active">' + i +'</span>';
                                                }else{
                                                        modularH += '<span class="swiper_Paging_device">' + i +'</span>';
                                                }
                                        }
                                      return modularH;
                                  }
paginationClickable :true设置后,无法实现自定义分页器点击跳转分页效果

分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 分享淘帖
回复

使用道具 举报

该用户从未签到

0

主题

1

帖子

4

积分

新手上路

Rank: 1

积分
4
沙发
发表于 2018-11-21 11:49:40 | 只看该作者
我也遇到了这样的问题,好像是paginationType: 'custom',和paginationClickable冲突了,我的解决方案是,使用默认的paginationType样式,然后重写了默认样式
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

GMT+8, 2024-12-23 07:12 , Processed in 0.067956 second(s), 27 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表