源码网,源码论坛,源码之家,商业源码,游戏源码下载,discuz插件,棋牌源码下载,精品源码论坛

 找回密码
 立即注册
查看: 78|回复: 26

[JavaScript] jquery 插件 web2.0分格的分页脚本,可用于ajax无刷新分页

[复制链接]

7万

主题

861

回帖

32万

积分

论坛元老

Rank: 8Rank: 8

积分
329525
发表于 2008-12-25 15:18:00 | 显示全部楼层 |阅读模式
displaynum,displaylastNum可以自由定制显示的页码数量 ******生成js分页脚******
****没剑(2008-03-05)****
修改日期:2008-3-12
添加两个参数:displaynum,displaylastNum可以自由定制显示的页码数量

参数: pagesize:10 //每页显示的页码数
,count:0 //数据条数
,css:"mj_pagefoot" //分页脚css样式类
,current:1 //当前页码
,displaynum:7 //中间显示页码数
,displaylastNum:5 //最后显示的页码数
,previous:"上一页" //上一页显示样式
,next:"下一页" //下一页显示样式
,paging:null //分页事件触发时callback函数

使用:
$("div").pagefoot({
pagesize:10,
count:500,
css:"mj_pagefoot",
previous:"<",
next:">",
paging:function(page){
alert("当前第"+page+"页");
}
});
以上代码为所有div加上分页脚代码
*/
其中要特别说明一下其中的一个参数:paging

1 这个参数为分页脚分页时触发的动作,如果你不在这个动作里加点东西的话,这个分页就不会正常动作,所以你可以这样子加入:
paging:function(page){
location.href="?page="+page;
}
当然这时你为了要保持分页的页码位置的话,就要在刷新页面时把当前页码赋给参数:current
了,如果你不赋值给它,它默认的值是第一页。。。

2 如果你加入一些load数据的动作的话就可以当成是ajax无刷新了,呵呵
paging:function(page){
//ajax.loaddata(page);
}
没有什么技术含量,权当练手吧,哈哈
复制代码 代码如下:
JackLee: paging:function(page){
location.href="?page="+page;
}
用这个有问题呀??
当你点了第10页时,在div导航上第1页是当前,我想应该让第10页是当前的才对呀!
--------------------------------------------------------
你没有注意这里哦:
---
当然这时你为了要保持分页的页码位置的话,就要在刷新页面时把当前页码赋给参数:current
了,如果你不赋值给它,它默认的值是第一页。。。
---
你在重新加载了这个页后要手动赋值给它。
如果你不想这样子的话就用ajax来分页效果会比较好,又不会太麻烦

在线演示 http://img.jb51.net/online/jquery.pageFoot/DEMO.htm
文件打包 http://img.jb51.net/online/jquery.pageFoot/jquery.pageFoot.rar
回复

使用道具 举报

5

主题

2万

回帖

183

积分

注册会员

Rank: 2

积分
183
发表于 2022-8-9 09:54:56 | 显示全部楼层
源码源码源码源码源码源码源码源码源码源码源码源码源码
回复 支持 反对

使用道具 举报

7

主题

2万

回帖

288

积分

中级会员

Rank: 3Rank: 3

积分
288
发表于 2022-8-9 10:58:07 | 显示全部楼层
老衲笑纳了
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

100

积分

注册会员

Rank: 2

积分
100
发表于 2022-10-26 18:40:55 | 显示全部楼层
还不错啊
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2022-12-7 09:17:15 | 显示全部楼层
啦啦啦啦啦啦啦啦!
回复 支持 反对

使用道具 举报

1

主题

2万

回帖

69

积分

注册会员

Rank: 2

积分
69
发表于 2023-1-5 01:23:44 | 显示全部楼层
8888888888888888
回复 支持 反对

使用道具 举报

4

主题

2万

回帖

303

积分

中级会员

Rank: 3Rank: 3

积分
303
发表于 2023-5-31 10:41:50 | 显示全部楼层
灌灌灌灌水
回复 支持 反对

使用道具 举报

0

主题

2万

回帖

115

积分

注册会员

Rank: 2

积分
115
发表于 2023-8-23 06:48:13 | 显示全部楼层
好东西一定要看看!
回复 支持 反对

使用道具 举报

3

主题

2万

回帖

172

积分

注册会员

Rank: 2

积分
172
发表于 2023-8-30 20:26:06 | 显示全部楼层
而非为吾问无为谓娃娃
回复 支持 反对

使用道具 举报

0

主题

2万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2023-10-10 05:54:59 | 显示全部楼层
很不错的源码论坛
回复 支持 反对

使用道具 举报

高级模式
B Color Image Link Quote Code Smilies

本版积分规则

手机版|小黑屋|网站地图|源码论坛 ( 海外版 )

GMT+8, 2024-11-21 20:21 , Processed in 0.083141 second(s), 24 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表