2019獨角獸企業重金招聘Python工程師標準>>>

jQuery 分頁插件 jPage實現了javascript分頁。操作很傻瓜，在此記錄一下。

?使用方式如下：

1.引入頭文件（注意一定要把jQuery放在前面）：

此處使用了動畫效果

<!--?使用插件的時候一定要引入jQuery！！！--> <script?type="text/javascript"?src="js/jquery-1.8.3.min.js"></script> <!--?jPage?--><link?rel="stylesheet"?href="css/jpage/jPages.css"/><link?rel="stylesheet"?href="css/jpage/animate.css"/><script?src="js/jpage/jPages.min.js"></script><script>$(function(){$("div.holder").jPages({containerID?:?"itemContainer",previous?:?"←",next?:?"→",perPage?:?20,delay?:?100});}); </script>

2.需要分頁的<table>的<tbody>上（注意：不一定非得是<table>，也可以是<ul>等）的id標記為“itemContainer”，表明這里面放的是一行一行的內容。

class屬性為“holder”的<div>用于放置“1”“2”“3”或者“Next”這類的導航鏈接。

注：本代碼直接從SSH項目中拷貝出來，因此有EL等標簽，可以忽略。

<div?class="post_section"><h3>管理員信息</h3><div?class="holder"></div><table?id="alltable"?cellspacing="0"?class="tablesorter"><thead><tr><th>ID</th><th>登錄名</th><th>姓名</th><th>級別</th><th>操作</th></tr></thead><tbody?id="itemContainer"><c:forEach?items="${alladmin}"?var="admin"><tr>????<td>${admin.id}</td><td>${admin.loginname}</td><td><a?href="AdminReadByID_Admin2Action.action?adminid=${admin.id}">${admin.name}</a></td><td>${admin.level}</td><td><a?href="AdminReadByID_Admin2Action.action?adminid=${admin.id}">查看</a>|<a?href="AdminEditRead_Admin2Action.action?adminid=${admin.id}">編輯</a>|<a?class="confirm"?href="AdminDelete_Admin2Action.action?adminid=${admin.id}">刪除</a></td></tr></c:forEach></tbody></table>? </div>

jPages項目主頁： http://luis-almeida.github.io/jPages/index.html

jPages下載：http://download.csdn.net/detail/leixiaohua1020/6376509

轉載于:https://my.oschina.net/leixiaohua1020/blog/301957

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的jQuery 分页插件 jPages 使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。