jquery 插件 web2.0分格的分頁腳本,可用于ajax無刷新分頁
更新時間:2008年12月25日 15:18:00 作者:
displaynum,displaylastNum可以自由定制顯示的頁碼數(shù)量
******生成js分頁腳******
****沒劍(2008-03-05)****
修改日期:2008-3-12
添加兩個參數(shù):displaynum,displaylastNum可以自由定制顯示的頁碼數(shù)量
參數(shù): pagesize:10 //每頁顯示的頁碼數(shù)
,count:0 //數(shù)據(jù)條數(shù)
,css:"mj_pagefoot" //分頁腳css樣式類
,current:1 //當前頁碼
,displaynum:7 //中間顯示頁碼數(shù)
,displaylastNum:5 //最后顯示的頁碼數(shù)
,previous:"上一頁" //上一頁顯示樣式
,next:"下一頁" //下一頁顯示樣式
,paging:null //分頁事件觸發(fā)時callback函數(shù)
使用:
$("div").pagefoot({
pagesize:10,
count:500,
css:"mj_pagefoot",
previous:"<",
next:">",
paging:function(page){
alert("當前第"+page+"頁");
}
});
以上代碼為所有div加上分頁腳代碼
*/
其中要特別說明一下其中的一個參數(shù):paging
1 這個參數(shù)為分頁腳分頁時觸發(fā)的動作,如果你不在這個動作里加點東西的話,這個分頁就不會正常動作,所以你可以這樣子加入:
paging:function(page){
location.href="?page="+page;
}
當然這時你為了要保持分頁的頁碼位置的話,就要在刷新頁面時把當前頁碼賦給參數(shù):current
了,如果你不賦值給它,它默認的值是第一頁。。。
2 如果你加入一些load數(shù)據(jù)的動作的話就可以當成是ajax無刷新了,呵呵
paging:function(page){
//ajax.loaddata(page);
}
沒有什么技術含量,權當練手吧,哈哈
JackLee: paging:function(page){
location.href="?page="+page;
}
用這個有問題呀??
當你點了第10頁時,在div導航上第1頁是當前,我想應該讓第10頁是當前的才對呀!
--------------------------------------------------------
你沒有注意這里哦:
---
當然這時你為了要保持分頁的頁碼位置的話,就要在刷新頁面時把當前頁碼賦給參數(shù):current
了,如果你不賦值給它,它默認的值是第一頁。。。
---
你在重新加載了這個頁后要手動賦值給它。
如果你不想這樣子的話就用ajax來分頁效果會比較好,又不會太麻煩
在線演示 http://img.jb51.net/online/jquery.pageFoot/DEMO.htm
文件打包 http://img.jb51.net/online/jquery.pageFoot/jquery.pageFoot.rar
****沒劍(2008-03-05)****
修改日期:2008-3-12
添加兩個參數(shù):displaynum,displaylastNum可以自由定制顯示的頁碼數(shù)量
參數(shù): pagesize:10 //每頁顯示的頁碼數(shù)
,count:0 //數(shù)據(jù)條數(shù)
,css:"mj_pagefoot" //分頁腳css樣式類
,current:1 //當前頁碼
,displaynum:7 //中間顯示頁碼數(shù)
,displaylastNum:5 //最后顯示的頁碼數(shù)
,previous:"上一頁" //上一頁顯示樣式
,next:"下一頁" //下一頁顯示樣式
,paging:null //分頁事件觸發(fā)時callback函數(shù)
使用:
$("div").pagefoot({
pagesize:10,
count:500,
css:"mj_pagefoot",
previous:"<",
next:">",
paging:function(page){
alert("當前第"+page+"頁");
}
});
以上代碼為所有div加上分頁腳代碼
*/
其中要特別說明一下其中的一個參數(shù):paging
1 這個參數(shù)為分頁腳分頁時觸發(fā)的動作,如果你不在這個動作里加點東西的話,這個分頁就不會正常動作,所以你可以這樣子加入:
paging:function(page){
location.href="?page="+page;
}
當然這時你為了要保持分頁的頁碼位置的話,就要在刷新頁面時把當前頁碼賦給參數(shù):current
了,如果你不賦值給它,它默認的值是第一頁。。。
2 如果你加入一些load數(shù)據(jù)的動作的話就可以當成是ajax無刷新了,呵呵
paging:function(page){
//ajax.loaddata(page);
}
沒有什么技術含量,權當練手吧,哈哈
復制代碼 代碼如下:
JackLee: paging:function(page){
location.href="?page="+page;
}
用這個有問題呀??
當你點了第10頁時,在div導航上第1頁是當前,我想應該讓第10頁是當前的才對呀!
--------------------------------------------------------
你沒有注意這里哦:
---
當然這時你為了要保持分頁的頁碼位置的話,就要在刷新頁面時把當前頁碼賦給參數(shù):current
了,如果你不賦值給它,它默認的值是第一頁。。。
---
你在重新加載了這個頁后要手動賦值給它。
如果你不想這樣子的話就用ajax來分頁效果會比較好,又不會太麻煩
在線演示 http://img.jb51.net/online/jquery.pageFoot/DEMO.htm
文件打包 http://img.jb51.net/online/jquery.pageFoot/jquery.pageFoot.rar
相關文章
關于jquery.validate1.9.0前臺驗證的使用介紹
本篇文章介紹了,關于jquery.validate1.9.0前臺驗證的使用。需要的朋友參考下2013-04-04jQuery插件echarts實現(xiàn)的多折線圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件echarts實現(xiàn)的多折線圖效果,結合完整實例形式分析了echarts插件繪制多折線圖效果的具體步驟與相關操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03基于jquery的下拉框改變動態(tài)添加和刪除表格實現(xiàn)代碼
以前很少用jquery,現(xiàn)在工作需要,用上了,感覺真的很方便!不用再像以前那樣寫那么多多余的Js了!看來得在jquery上花點功夫呢!2011-03-03jQuery常用樣式操作實例分析(獲取、設置、追加、刪除、判斷等)
這篇文章主要介紹了jQuery常用樣式操作,結合實例形式分析了jQuery針對頁面元素樣式的獲取、設置、追加、刪除、判斷等操作方法,需要的朋友可以參考下2016-09-09