参照easyPage插件的思路,写了自己的一个分页插件,感觉目前还够用,只有"首页 上一页 下一页 尾页"几个按钮
分页的内容都是事先加载完毕的,所以对于那些更新速度快和要求页面加载速度的有一点不实用。
看一下jquery分页的具体代码:
[php]
/**
* jQuery分页
* @author adophper.com
* @version 1.0.0
* @date 2013-01-21 17:00:00
* @param contentslist 内容列表
* @param pageId 分页div
* @param everyCount 每页显示的数据条数
* @param pagefirst 首页的class
* @param pageprev 上一页的class
* @param pagenext 下一页的class
* @param pagelast 尾页的class
* @param showPage 显示的页数,待完善
* 感谢 easypage原作...
今天 将上周写的分布写成了插件,便于全站引用同一个js,这样全站的效果也一样!
jquery分页思路,jquery分页插件,非常简单好用的jquery分页
简单说一下这个插件所要实现的功能
后台将查询出来的内容全部显示到页面上,这个插件要控制这些内容,使其一页一页显示。有上一页,下一页,首页,尾页的功能。在第一页时,上一页,首页要隐藏。在最后一页时,尾页,下一页要隐藏。一次只显示几个按钮,当点击当次最后一个按钮时,显示后面几个。
接下来简单说一下编码过程:
首先可以大胆的先写下以下的代码:
[php]
//为了更好的兼容性,开始前有个分号
;(
function($){//此处将$作为匿名函数的形参
}
)(jQuery)//将jQuery作为实参传递给匿名函数
[/php]
这段代码大家应该不陌生,就是javascript的神级特性---闭包。这也是jQuery插件的常见结构。为什么要使用闭包来作这jQuery的常用结构呢,一来既可以避免内部临时变量影响全局空间,又可以在插件内部继续使用$作为j...