jquery 插件 web2.0分格的分頁腳本，可用于ajax無刷新分頁

2019-11-21 01:30:32

字體：大中小

來源：轉載

供稿：網友

******生成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.VeVB.COm/online/jquery.pageFoot/DEMO.htm
文件打包 http://img.VeVB.COm/online/jquery.pageFoot/jquery.pageFoot.rar

上一篇：jquery 插件任意位置浮動固定層

下一篇：jquery 圖片預加載自動等比例縮放插件