|
****沒劍(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
JavaScript技術:jquery 插件 web2.0分格的分頁腳本,可用于ajax無刷新分頁,轉載需保留來源!
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。