jquery 插件 web2.0分格的分頁腳本,可用于ajax無刷新分頁
****沒劍(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)練手吧,哈哈
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
相關(guān)文章
js(jQuery)獲取時(shí)間的方法及常用時(shí)間類搜集
獲取時(shí)間的方法及常用時(shí)間類都是大家經(jīng)常使用的,在本文為大家整理了一些,個(gè)人感覺還比較全,感興趣的朋友可以收集下2013-10-10實(shí)用的Jquery選項(xiàng)卡TAB示例代碼
Jquery選項(xiàng)卡想必大家并不陌生,本文為大家介紹個(gè)比較實(shí)用的jquery TAB選項(xiàng)卡,喜歡的朋友可以學(xué)習(xí)下2013-08-08關(guān)于jquery.validate1.9.0前臺(tái)驗(yàn)證的使用介紹
本篇文章介紹了,關(guān)于jquery.validate1.9.0前臺(tái)驗(yàn)證的使用。需要的朋友參考下2013-04-04jQuery插件echarts實(shí)現(xiàn)的多折線圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件echarts實(shí)現(xiàn)的多折線圖效果,結(jié)合完整實(shí)例形式分析了echarts插件繪制多折線圖效果的具體步驟與相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03基于jquery的下拉框改變動(dòng)態(tài)添加和刪除表格實(shí)現(xiàn)代碼
以前很少用jquery,現(xiàn)在工作需要,用上了,感覺真的很方便!不用再像以前那樣寫那么多多余的Js了!看來得在jquery上花點(diǎn)功夫呢!2011-03-03表單驗(yàn)證插件Validation應(yīng)用的實(shí)例講解
這篇文章的內(nèi)容是表單驗(yàn)證插件Validation應(yīng)用的實(shí)例講解,需要的朋友可以參考下2015-10-10刪除select中所有option選項(xiàng)jquery代碼
select中所有option選項(xiàng)如何刪除,本文使用jquery簡(jiǎn)單實(shí)現(xiàn)下,有此需求的朋友可以參考下,希望對(duì)大家有所幫助2013-08-08jQuery常用樣式操作實(shí)例分析(獲取、設(shè)置、追加、刪除、判斷等)
這篇文章主要介紹了jQuery常用樣式操作,結(jié)合實(shí)例形式分析了jQuery針對(duì)頁面元素樣式的獲取、設(shè)置、追加、刪除、判斷等操作方法,需要的朋友可以參考下2016-09-09Jquery Uploadify上傳帶進(jìn)度條的簡(jiǎn)單實(shí)例
本篇文章主要是對(duì)Jquery Uploadify上傳帶進(jìn)度條的簡(jiǎn)單實(shí)例進(jìn)行了介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助2014-02-02