jquery實現數組array、集合list、json類型的分頁

使用jquery簡單實現分頁，功能很簡單，可以自己擴展

 

在jsp頁面調用（只要數據類型是array、list、json類型都可以的）：

　　<link href="${contextPath }/css/paging.css" rel="stylesheet" type="text/css">
    <script language="javascript" type="text/javascript" src="${contextPath }/js/jquery.js"></script>
    <script language="javascript" type="text/javascript" src="${contextPath }/js/paging.js"></script>

初始化：

<script type="text/javascript">//分頁初始化
//sum：記錄總數
//count:每頁條數
//total:頁數
//current:當前頁
//previous:上一頁
//next:下一頁
//first:第一頁
//last:最后一頁
//jump:跳到X頁
//分頁初始化/每頁顯示行數（默認10行），參數只要數據集（list、array、json類型），"paging"對應div的id
//var paging = new Paging("paging",data,{count:3,sum:10,total:4});

var paging = new Paging("paging",data,{count:1}); //如果一個頁面需要多個分頁，可以再new一個 name不能相同，div也要多建一個 id也不能相同

</script>

HTML代碼，不能去掉，id是必須的

<div id="paging" class="paging">
</div>    

 

附件地址：地址一（咳，我當然是希望賺點分了）地址二（沒分的點這個吧）

注：代碼里都有注釋的，就四個文件，主要是paging.js