好用的分页插件原生JS不依赖其他库

所属分类:导航-分页

好用的分页插件原生JS不依赖其他库 ie兼容9

更新时间:2018/9/30 上午10:45:05

更新说明:修复可跳转到负页数的bug,命名修改


支持自定义分页,首页,尾页,上一页,下一页,跳转,统计信息等

简单美观的CSS,来拿即用.

第一步:

<link rel="stylesheet" href="myPagination.css">
<script src="myPagination.js"></script>

第二步:

```
<div id="pagination" ></div>
```

第三步:

new myPagination({
    id: 'pagination',
    curPage: 1, //初始页码
    pageTotal: 50, //总页数
    pageAmount: 10, //每页多少条
    dataTotal: 500, //总共多少条数据
    pageSize: 5, //可选,分页个数
    showPageTotalFlag: true, //是否显示数据统计
    showSkipInputFlag: true, //是否支持跳转
    getPage: function(page) {
        //获取当前页数
        console.log(page);
    }
})
相关插件-分页

jQuery翻页插件simplePagination

jQuery翻页插件simplePagination
  分页
 29293  65

jQuery长文本分页插件textify

jQuery实现的长文本分页特效,textify是一个jQuery插件,可以自动创建一个有吸引力的和现代的你的内容布局,避免让用户不再枯燥的文本。
  分页
 11657  62

基于jquery和bootstrap的分页插件jqPaginator.js

基于jquery的分页插件,引入jquery.js 、bootstrap.css该插件即可
  分页
 22804  49

bootstrap paginat分页优化

增加显示当前页码、总页数,输入页码跳转,并且插件中的英文提示和注释都翻译成了中文
  分页
 18393  53

讨论这个项目(19)回答他人问题或分享插件使用方法奖励jQ币

     宁欢喜┑ 0
    2018/10/17 10:19:31
    哪里有可以放AJAX的回调函数? 回复
    snjs 0
    2018/10/10 16:55:09
    总页数和每页多少条可以从后台传过来设置,但是显示的不是想要设置的每页多少条,比如我设置的是每页显示10条,但是没有效果,全部显示了,这样点击第几页也没有效果,另外,跳转没有按钮吗?
        Jamamm0
        2018/10/17 9:47:50
        代码更新了,具体使用情况看代码里面的例子,我一直在用,不可能不能用。跳转我做的是回车键,你要需要按钮,自己加一下也很简单,代码写的都有详细的注释。
    回复
    太!阳!神! 0
    2018/10/10 15:44:52
    跳转不能咋不好用嘞 回复
    在路上 0
    2018/10/10 10:25:09
    怎么塞数据啊?配置填完。又绑不了数据
        Jamamm1
        2018/10/10 11:19:24
        new myPagination({
           id: 'pagination',
           curPage: 1, //初始页码
           pageTotal: 50, //总页数
           pageAmount: 10, //每页多少条
           dataTotal: 500, //总共多少条数据
           pageSize: 5, //可选,分页个数
           showPageTotalFlag: true, //是否显示数据统计
           showSkipInputFlag: true, //是否支持跳转
           getPage: function(page) {
               //获取当前页数
               console.log(page);
           }
        })

        比如说总页数, 这边演示写的是死的,你把拿到的数据带到里面就好了

    回复
    鬼面 0
    2018/10/10 9:18:53
    作者,出来解答一下啊
    回复
    鬼面 0
    2018/10/9 15:53:52
    0
    2018/10/9 9:25:05
    页码4-10显示不出来 回复
    0
    2018/10/9 9:16:05
    作者 第4页到第10页显示不出来数字
        Jamamm0
        2018/10/9 13:29:58
        我这边是可以的啊
    回复
    Hcuk 0
    2018/10/5 21:53:05
    我连接数据库动态加载的怎么绑啊
        Jamamm0
        2018/10/9 13:30:52
        这个一句话两句话说不清楚 不知道你是哪里的问题
    回复
    whx20100101 0
    2018/10/3 16:00:01
    样式不起作用,怎么解决
        Jamamm0
        2018/10/8 13:23:37
        不依赖jquery,原生JS写的!
    回复
取消回复
  短信接口