jQuery Pagination分页插件推荐

目录
文章目录隐藏
  1. 插件简介
  2. 使用方法
  3. 参数
  4. 举例
  5. 结语

jQuery Pagination 分页插件推荐

插件简介

此 jQuery 插件为 Ajax 分页插件,一次性加载,故分页切换时无刷新与延迟,如果数据量较大不建议用此方法,因为加载会比较慢。

原插件 CSS 不太合理,使用浮动,故无法方便实现左右方向的定位,且未清除浮动,在中文修改版中我对其进行了优化,使其支持 text-align 的定位。

使用方法

跟一般的 jQuery 插件一样,此插件使用也很简单便捷。方法是 pagination,例如

$("#page").pagination(100);

参数

参数名 描述 参数值
maxentries 总条目数 必选参数,整数
items_per_page 每页显示的条目数 可选参数,默认是 10
num_display_entries 连续分页主体部分显示的分页条目数 可选参数,默认是 10
current_page 当前选中的页面 可选参数,默认是 0,表示第 1 页
num_edge_entries 两侧显示的首尾分页的条目数 可选参数,默认是 0
link_to 分页的链接 字符串,可选参数,默认是”#”
prev_text “前一页”分页按钮上显示的文字 字符串参数,可选,默认是”Prev”
next_text “下一页”分页按钮上显示的文字 字符串参数,可选,默认是”Next”
ellipse_text 省略的页数用什么文字表示 可选字符串参数,默认是”…”
prev_show_always 是否显示“前一页”分页按钮 布尔型,可选参数,默认为 true,即显示“前一页”按钮
next_show_always 是否显示“下一页”分页按钮 布尔型,可选参数,默认为 true,即显示“下一页”按钮
callback 回调函数 默认无执行效果

举例

例如下面的使用代码:

$("#Pagination").pagination(56, {
    num_edge_entries: 2,
    num_display_entries: 4,
    callback: pageselectCallback,
    items_per_page:1
});

这段代码表示的含义是:总共有 56(maxentries)个列表项,首尾两侧分页显示 2(num_edge_entries)个,连续分页主体数目显示 4(num_display_entries)个,回调函数为 pageselectCallback(callback),每页显示的列表项为 1(items_per_page)个。

结语

以上就是今天为大家推荐的 jQuery Pagination 分页插件,有需要的小伙伴可以拿走使用。

「点点赞赏,手留余香」

0

给作者打赏,鼓励TA抓紧创作!

微信微信 支付宝支付宝

还没有人赞赏,快来当第一个赞赏的人吧!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
码云笔记 » jQuery Pagination分页插件推荐

发表回复