资讯专栏INFORMATION COLUMN

自己动手做个分页插件

y1chuan / 503人阅读

摘要:分页完美支持下面就是见证奇迹的时刻地址配置详情绑定到你的总页数如果后两项填写了则本字段失效两者只需其一每页显示个数总个数和必须同时存在首页和尾页按钮不显示上一页和下一页不显示手动跳转不显示按钮点击的毁掉函数参数表示当前页启动欢迎我的我的博客

PC分页,完美支持ie8+,2KB

下面就是见证奇迹的时刻

dome地址

https://github.com/cleartime/pageSize/blob/master/dome/index.html

配置详情
    var config = {
        el: document.getElementById("page"), //绑定到你的dom
        pageCount:10,                        //总页数                  ps:如果后两项填写了则本字段失效,两者只需其一
        pagesize:20,                         //每页显示个数
        sizeCount:100,                       //总个数                  ps:pagesize和sizeCount必须同时存在
        pageA:1,                             //首页和尾页按钮不显示       
        pageB:1,                             //上一页和下一页不显示
        pageC:1,                             //手动跳转不显示           
        callback: function(res) {            //按钮点击的毁掉函数参数res表示当前页
            console.log(res)
        },
    };
    new Page(config);                        //启动
            
    
欢迎follow/star我的github:https://github.com/cleartime; 我的博客:http://cleartime.leanapp.cn/;

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/54380.html

相关文章

  • 自己动手做个分页插件

    摘要:分页完美支持下面就是见证奇迹的时刻地址配置详情绑定到你的总页数如果后两项填写了则本字段失效两者只需其一每页显示个数总个数和必须同时存在首页和尾页按钮不显示上一页和下一页不显示手动跳转不显示按钮点击的毁掉函数参数表示当前页启动欢迎我的我的博客 PC分页,完美支持ie8+,2KB 下面就是见证奇迹的时刻 showImg(https://segmentfault.com/img/remote...

    chengjianhua 评论0 收藏0
  • 【视频列表页面】利用模板引擎动态渲染数据

    摘要:项目需求自适应页面,兼容安卓,和。要求页面显示视频列表,点击列表中的图片和标题就可以播放视频,视频列表每页条,能翻页。本项目由于是需要大量的数据渲染以及后期的数据填充,所以决定使用模板引擎。同时使用了作为部分框架。使用作为视频弹窗。 项目需求:自适应页面,兼容安卓,IOS和PC。要求页面显示视频列表,点击列表中的图片和标题就可以播放视频,视频列表每页5条,能翻页。 showImg(ht...

    Kyxy 评论0 收藏0
  • 【视频列表页面】利用模板引擎动态渲染数据

    摘要:项目需求自适应页面,兼容安卓,和。要求页面显示视频列表,点击列表中的图片和标题就可以播放视频,视频列表每页条,能翻页。本项目由于是需要大量的数据渲染以及后期的数据填充,所以决定使用模板引擎。同时使用了作为部分框架。使用作为视频弹窗。 项目需求:自适应页面,兼容安卓,IOS和PC。要求页面显示视频列表,点击列表中的图片和标题就可以播放视频,视频列表每页5条,能翻页。 showImg(ht...

    legendaryedu 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<