jQuery前台之分页1

所属分类:导航-分页

 48205  360  查看评论 (24)
分享到微信朋友圈
X
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分页插件

兼容IE8的分页插件,简单易用。
  分页
 37070  313

jQuery仿淘宝分页插件(原创)

根据淘宝分页样式简洁美观功能全面兼容性好易用性好维护简单多个分页互不干扰的分页插件
  分页
 35794  352

bootstrap4的jquery分页插件

bootstrap4的jquery分页插件,支持刷新不变页数
  分页
 39349  302

jquery分页插件

堪称完美jquery分页插件
  分页
 52760  403

讨论这个项目(24)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    0
    2018/5/2 15:10:52
    怎样处理跨域问题
    回复
    Rcon 0
    2018/2/26 14:28:51
    如何添加选择展示功能    选择一页显示多少条数据(比如10条 20条)的呀? 回复
    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数据赋给他

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复