jQuery分页插件cypager

所属分类:导航-分页

 32710  315  查看评论 (5)
分享到微信朋友圈
X
jQuery分页插件cypager ie兼容6

cypager

传入总页数和每页显示条数,可设置显示多少位数字,ajax请求后台返回当前页条数

插件说明

jQuery可点击回调的分页插件,cypager一款强大的支持分页效果的,样式有点类似bootstrap分页。上一页、下一页加载前的回调效果。cypager插件兼容 IE8+,Chrome,Firefox 浏览器,核心文件仅 5KB

生成分页的地方#pagerArea

<div id="pagerArea" unselectable="on" onselectstart="return false;"></div>
$("#pagerArea").cypager({pg_size: 10, pg_nav_count: 8, pg_total_count: 194, pg_call_fun: function(count) { 
        $("#console").html("正在加载第(" + count + ")页的数据,请稍后......."); 
    } 
});

cypager分页参数Api

参数描述默认值
pgerId 插件的IDcy_pager
pg_size 每页显示记录数10
pg_cur_count 当前页数-
pg_total_count总记录数-
pg_nav_count 显示多少个导航数7
pg_prev_name上一页按钮名称PREV
pg_next_name下一页按钮名称NEXT
pg_call_fun(page_count)回调函数,点击按钮执行-



相关插件-分页

js分页插件兼容ie8(原创)

不依赖任何第三方UI库、page分页器、分页组件、兼容至ie8
  分页
 29105  305

超实用精简的分页插件

精简实用的分页插件跨域调用的聚合的api分页逻辑简单易懂接口已经写好
  分页
 30751  296

jQuery分页插件

根据获取内容显示不同页数并可输入页码跳转
  分页
 56900  528

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

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

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

    yangchao4228 0
    2018/4/25 11:12:58
    试了一下,不行! 回复
    你宁哥呀 0
    2017/8/30 14:27:43

    每页显示记录数可更改么?

    回复
    ?? 0
    2017/3/30 13:39:23

    这个插件在一个页面上可使用多次吗

        yangchao42280
        2018/4/25 11:14:19
        不可以在一个页面使用多个!
        萝莉是个大胖子0
        2018/5/7 10:42:43
        回调函数里面为什么不可以请求ajax吗
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复