jquery 外掛程式 web2.0分格的分頁尾本,可用於ajax無重新整理分頁_jquery

來源:互聯網
上載者:User
******產生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.jb51.net/online/jquery.pageFoot/DEMO.htm
檔案打包 http://img.jb51.net/online/jquery.pageFoot/jquery.pageFoot.rar
相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.