jquery插件实现分页

 1 Query Pagination分页插件
 2
 3 原项目地址:http://plugins.jquery.com/project/pagination
 4 版本:v1.2
 5 源文件下载:英文原版 或 中文翻译修改版
 6 翻译:张鑫旭
 7 demo实例页面
 8 基本demo页面
 9 Ajax demo页面
10 参数可编辑demo页面
11 插件简介
12 此jQuery插件为Ajax分页插件,一次性加载,故分页切换时无刷新与延迟,如果数据量较大不建议用此方法,因为加载会比较慢。
13 原插件CSS不太合理,使用浮动,故无法方便实现左右方向的定位,且未清除浮动,在中文修改版中我对其进行了优化,使其支持text-align的定位。
14 使用方法
15 跟一般的jQuery插件一样,此插件使用也很简单便捷。方法是pagination,例如$("#page").pagination(100);
16 参数
17 参数名    描述    参数值
18 maxentries    总条目数    必选参数,整数
19 items_per_page    每页显示的条目数    可选参数,默认是10
20 num_display_entries    连续分页主体部分显示的分页条目数    可选参数,默认是10
21 current_page    当前选中的页面    可选参数,默认是0,表示第1页
22 num_edge_entries    两侧显示的首尾分页的条目数    可选参数,默认是0
23 link_to    分页的链接    字符串,可选参数,默认是"#"
24 prev_text    “前一页”分页按钮上显示的文字    字符串参数,可选,默认是"Prev"
25 next_text    “下一页”分页按钮上显示的文字    字符串参数,可选,默认是"Next"
26 ellipse_text    省略的页数用什么文字表示    可选字符串参数,默认是"..."
27 prev_show_always    是否显示“前一页”分页按钮    布尔型,可选参数,默认为true,即显示“前一页”按钮
28 next_show_always    是否显示“下一页”分页按钮    布尔型,可选参数,默认为true,即显示“下一页”按钮
29 callback    回调函数    默认无执行效果
30 举例
31 例如下面的使用代码:
32 $("#Pagination").pagination(56, {
33     num_edge_entries: 2,
34     num_display_entries: 4,
35     callback: pageselectCallback,
36     items_per_page:1
37 });
38 这段代码表示的含义是:总共有56(maxentries)个列表项,首尾两侧分页显示2(num_edge_entries)个,连续分页主体数目显示4(num_display_entries)个,回调函数为pageselectCallback(callback),每页显示的列表项为1(items_per_page)个。

原文地址:https://www.cnblogs.com/yangguoe/p/8486203.html

时间: 2024-10-10 20:56:07

jquery插件实现分页的相关文章

基于jquery的ajax分页插件(demo+源码)

前几天打开自己的博客园主页,无意间发现自己的园龄竟然有4年之久了.可是看自己的博客列表却是空空如也,其实之前也有写过,但是一直没发布(然而好像并没有什么卵用).刚开始学习编程时就接触到博客园,且在博客园学习了很多的知识,看过很多人的分享.说来也惭愧,自己没能为园友们分享自己的所学所得(毕竟水平比较差). 过去的一年也是辗转了几个城市换了几份工作(注定本命年不太平?).八月份来到现在所在的公司(OTA行业),公司是做互联网的,所以可能大家的前端都屌屌的?之前一直从事.NET开发(现在在这边也是),

jquery自定义插件实现分页效果

这节介绍如何自定义jquery插件,实现分页效果,话不多说,先看看实现的效果: 分页插件 实现的代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta charset="utf-8"> <title>page t

浅谈jQuery Pagination Ajax 分页插件的使用

插件介绍 此插件是jQuery的ajax分页插件.分页切换时无刷新也无延迟,因为是一次性加载的.如果你用到此插件作分页的时候,涉及到的数据量大,建议不要使用此插件,因为加载慢会导致用户体验不好! 插件使用 此插件使用比较简单.主要引入以下文件就可以用了 1.jquery.js依赖库 2.pagination.css 这个主要是样式,我们在元素使用的时候将分页列表放在class类为pagination的标签内即可 <div class='pagination'></div> 3.jq

Jquery插件使用方法

在实际开发工作中,总会碰到像滚动,分页,日历等展示效果的业务需求,对于接触过jQuery以及熟悉jQuery使用的人来说,首先想到的肯定是寻找现有的jQuery插件来满足相应的展示需求.目前页面中常用的一些组件,都有多种jQuery插件可供选择,网络上也有很多专门收集jQuery插件的网站.利用jQuery插件确实可以给我们的开发工作带来便捷,但是如果只是会简单使用,而对其中的原理不甚了解,那么在使用过程中碰到问题或者对插件进行定制开发时就会有诸多疑惑.本文的目的就是可以快速了解jQuery插件

2016年4月最佳的20款 jQuery 插件推荐

这个列表包括20个我们觉得是最有用的免费的 jQuery 插件,它们都是最具创新性和最省时省力的解决方案,很多都是现代化的设计和开发中碰到的问题的处理方案.如果你熟悉下面列出的任何插件,请与我们的读者分享您的意见,或者如果您知道的我们还没有包括的话,请与我们分享在下面的评论部分. 您可能感兴趣的相关文章 网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示 十分惊艳的8个 HTML5 & JavaScript 特效 Web 开发中很实用的10个效果[源码

13款精彩实用的最新jQuery插件

1.jQuery特色菜单 圆形动画菜单插件 jQuery是一个非常流行的WEB前端框架,尽管HTML5非常酷,但是如果HTML5结合jQuery的话就能实现更酷更实用的插件.今天分享的这款jQuery特色菜单是圆形动画菜单,菜单项是一个个园,鼠标滑过菜单项时即可展开一个大圆并展示子菜单,这一切都是利用jQuery实现的,非常强大.UI设计 在线演示        源码下载 2.jQuery带滑杆的图片播放器 滑动十分流畅 jQuery焦点图在网页特效中应用非常广泛,利用jQuery编写图片播放器

2014年七月最佳jQuery插件荟萃

本月的jQuery插件荟萃我们将介绍几款非常不错的jQuery插件,涵盖了表单,幻灯,页面设计等等方面,相信大家肯定会喜欢! Select or Die 一款帮助开发者美化并且强化选择框的jQuery插件 jPList 可 以非常灵活帮助开发人员生成可过滤,分页和排序的HTML结构.支持数据源:PHP+mysql,ASP.net +SQL,PHP+SQLite.可以和知名的javascript模板,例如,handlebars,Mustache等等配合工作.支持所有的主流浏 览器.非商业项目,个人

2016年6月份那些最实用的 jQuery 插件专辑

jQuery 是一个快速.流行的 JavaScript 库,jQuery 用于文档处理.事件处理.动画和 Ajax 交互非常简单,学习曲线也很平坦.2016年6月的 jQuery 插件专辑里,我们选择一些最好的和有用的 jQuery 插件分享给大家. 您可能感兴趣的相关文章 Web 前端开发人员和设计师必读精华文章推荐 精心挑选的优秀jQuery Ajax分页插件和教程 12个让人惊叹的的创意的 404 错误页面设计 让网站动起来!12款优秀的 jQuery 动画插件 8个前沿 HTML5 &

推荐60个jQuery插件(转)

jQuery插件jQuery Spin Button自定义文本框数值自增或自减 jQuery插件JQuery Pager分页器实现javascript分页功能 jQuery插件FontSizer实现Javascript自定义动态调整网页文字大小 jQuery插件Magnify放大镜实现javascript图片放大功能 jQuery插件tooltip提示条实现Javascript动态文字或图片提示效果 jQuery插件Step Carousel Viewer实现Javascript图片滑动旋转效果