效果圖如上

<div id="Pagination"></div>分頁展示的地方 ??????????? /*** 顯示內容的回調函數** 當用戶單擊鏈接時調用 ** @參數 {int} page_index ：新頁index*/function pageselectCallback(page_index){var url = '<%=basePath%>contract/contract-pagination.action';url += '?currentPage='+page_index;$.post(url,function(data) {//里面就是將返回的數據拼裝到table中});return false;}/*為分頁創建option參數*具體默認參數可以看pagination.js*/function createNewOptions(){var opt = {callback: pageselectCallback};//每頁記錄的條數opt.items_per_page = 2;//顯示的可見的分頁數opt.num_display_entries = 6;//分頁鏈接在末尾顯示的個數opt.num_edge_entries = 2;opt.prev_text = '上一頁';opt.next_text = '下一頁';return opt;}// 初始化分頁和表單$(document).ready(function(){// 根據表單中的Option來創建分頁元素var optInit = createNewOptions();//count指的是所有的記錄的條數$("#Pagination").pagination(count, optInit);});需要的js<script? type="text/javascript" src="<%=basePath%>scripts/jquery/jquery-1.8.3.js"></script><script src="<%=basePath%>scripts/pagination/jquery.pagination.js" type="text/javascript"></script>

轉載于:https://my.oschina.net/liangzhenghui/blog/105584

總結

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

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