jQuery Pagination分页插件推荐

AI 概述
插件简介使用方法参数举例结语 插件简介 此 jQuery 插件为 Ajax 分页插件,一次性加载,故分页切换时无刷新与延迟,如果数据量较大不建议用此方法,因为加载会比较慢。 原插件 CSS 不太合理,使用浮动,故无法方便实现左右方向的定位,且未清除浮动,在中文修改版中我对其进行了优化,使其支持 text-a...
目录
文章目录隐藏
  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 分页插件,有需要的小伙伴可以拿走使用。

以上关于jQuery Pagination分页插件推荐的文章就介绍到这了,更多相关内容请搜索码云笔记以前的文章或继续浏览下面的相关文章,希望大家以后多多支持码云笔记。

「点点赞赏,手留余香」

0

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

微信微信 支付宝支付宝

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

声明:本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权/违法违规/事实不符,请将相关资料发送至 admin@mybj123.com 进行投诉反馈,一经查实,立即处理!
重要:如软件存在付费、会员、充值等,均属软件开发者或所属公司行为,与本站无关,网友需自行判断
码云笔记 » jQuery Pagination分页插件推荐

发表回复