|
****沒劍(2008-03-05)****
修改日期:2008-3-12
添加兩個(gè)參數(shù):displaynum,displaylastNum可以自由定制顯示的頁碼數(shù)量
參數(shù): pagesize:10 //每頁顯示的頁碼數(shù)
,count:0 //數(shù)據(jù)條數(shù)
,css:"mj_pagefoot" //分頁腳css樣式類
,current:1 //當(dāng)前頁碼
,displaynum:7 //中間顯示頁碼數(shù)
,displaylastNum:5 //最后顯示的頁碼數(shù)
,previous:"" //顯示樣式
,next:"" //顯示樣式
,paging:null //分頁事件觸發(fā)時(shí)callback函數(shù)
使用:
$("div").pagefoot({
pagesize:10,
count:500,
css:"mj_pagefoot",
previous:"<",
next:">",
paging:function(page){
alert("當(dāng)前第"+page+"頁");
}
});
以上代碼為所有div加上分頁腳代碼
*/
其中要特別說明一下其中的一個(gè)參數(shù):paging
1 這個(gè)參數(shù)為分頁腳分頁時(shí)觸發(fā)的動(dòng)作,如果你不在這個(gè)動(dòng)作里加點(diǎn)東西的話,這個(gè)分頁就不會(huì)正常動(dòng)作,所以你可以這樣子加入:
paging:function(page){
location.href="?page="+page;
}
當(dāng)然這時(shí)你為了要保持分頁的頁碼位置的話,就要在刷新頁面時(shí)把當(dāng)前頁碼賦給參數(shù):current
了,如果你不賦值給它,它默認(rèn)的值是第一頁。。。
2 如果你加入一些load數(shù)據(jù)的動(dòng)作的話就可以當(dāng)成是ajax無刷新了,呵呵
paging:function(page){
//ajax.loaddata(page);
}
沒有什么技術(shù)含量,權(quán)當(dāng)練手吧,哈哈
復(fù)制代碼 代碼如下:
JackLee: paging:function(page){
location.href="?page="+page;
}
用這個(gè)有問題呀??
當(dāng)你點(diǎn)了第10頁時(shí),在div導(dǎo)航上第1頁是當(dāng)前,我想應(yīng)該讓第10頁是當(dāng)前的才對(duì)呀!
--------------------------------------------------------
你沒有注意這里哦:
---
當(dāng)然這時(shí)你為了要保持分頁的頁碼位置的話,就要在刷新頁面時(shí)把當(dāng)前頁碼賦給參數(shù):current
了,如果你不賦值給它,它默認(rèn)的值是第一頁。。。
---
你在重新加載了這個(gè)頁后要手動(dòng)賦值給它。
如果你不想這樣子的話就用ajax來分頁效果會(huì)比較好,又不會(huì)太麻煩
在線演示 http://img.jb51.NET/online/jquery.pageFoot/DEMO.htm
文件打包 http://img.jb51.NET/online/jquery.pageFoot/jquery.pageFoot.rar
JavaScript技術(shù):jquery 插件 web2.0分格的分頁腳本,可用于ajax無刷新分頁,轉(zhuǎn)載需保留來源!
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。