jQuery前台之分页1

所属分类:导航-分页

 22313  62  查看评论 (22)
jQuery前台之分页1 ie兼容6

注意:本地预览请用火狐浏览器,Chrome本地预览会有垮域问题

更新时间:2017/9/12 上午9:05:56

更新说明:修改了index.html与page.js


使用方法 :  

$(function() {
        $(".pageBox").pageFun({ /*需要在本地服务器上才能浏览如:http://192.168.0.104/test/page1/index.html*/
            interFace: "data/page.json",
            /*接口*/
            displayCount: 4,
            /*每页显示总条数*/
            maxPage: 5,
            /*每次最多加载多少页*/
            dataFun: function(data) {
                var dataHtml = '<li>' + data.dataNum + '<>';
                return dataHtml;
            },
            pageFun: function(i) {
                var pageHtml = '<li class="pageNum">' + i + '<>';
                return pageHtml;
            }
        })
})
相关插件-分页

jquery分页插件

堪称完美jquery分页插件
  分页
 22564  99

jQuery前端分页插件pageGroup.js

一款非常简洁漂亮方便调用的jQuery前端分页,没有多余的JS和文件,页面多可隐藏
  分页
 21110  80

bootstrap paginat分页优化

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

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

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

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

    DarkBomb 0
    2017/12/11 20:00:35
    邈邈 0
    2017/11/21 18:36:47

    这个怎么用ajax交互啊

    回复
    我是张杨扬扬扬 0
    2017/11/13 14:45:39

    大神,为何我的报错找不到pageFun方法呢

    回复
    七年 0
    2017/10/30 14:00:37

    怎么显示一共有多少条条数呢求教大神

        哟喂0
        2017/10/31 12:22:23
        获取到数据长度啊
    回复
     九 。 0
    2017/10/24 14:26:08

    当页数过多时,怎样出现省略号呢

        哟喂0
        2017/10/31 12:23:54

        要自己扩展哦

    回复
    ?著于我?的?著ベ 0
    2017/9/7 11:38:00

    会有跨域问题,前台如何做处理

        哟喂0
        2017/9/9 15:50:50

        跨域 需要和后台 商量哈一起解决

    回复
    ?著于我?的?著ベ 0
    2017/9/4 18:28:21

    只有一页的时候首尾页虽然禁掉了,但是还可以点击

        哟喂0
        2017/9/9 15:53:49

        欢迎 提出修改意见

    回复
    谁动了我的奶酪1 0
    2017/8/7 20:34:01

    请问怎么直接把json数据赋给他

    回复
    和煦的糖果风_ 0
    2017/8/7 14:01:49

    只有2页的时候,点击下一页,首页和上一页出现disabled样式,但是还是可以点击。

    在绑定下一页按钮opts.cacheNum++;后面添加

    opts.firstPage.removeClass("disabled"); 
    opts.prevPage.removeClass("disabled");
    回复
    让我感激你、曾予我欢颜 0
    2017/7/19 10:26:46
取消回复