jquery-pagination

来源：互联网发布：上海古玩地摊淘宝市场编辑：程序博客网时间：2024/06/05 11:39

第一步：下载组件jquery-pagination：http://download.csdn.net/detail/xcwll314/8589935

第二步：引入页面内容：

$(function(){//这是一个非常简单的demo实例，让列表元素分页显示//回调函数的作用是显示对应分页的列表项内容//回调函数在用户每次点击分页链接的时候执行//参数page_index{int整型}表示当前的索引页var initPagination = function() {var num_entries = $('#page_total').val();var now_page = $('#now_page').val();// 创建分页$("#Pagination").pagination(num_entries, {num_edge_entries: 1, //边缘页数num_display_entries: 5,//主体页数callback: pageselectCallback,items_per_page:1, //每页显示1项current_page:now_page//从0开始}); }(); function pageselectCallback(page_index, jq){/* var new_content = $("#hiddenresult div.result:eq("+page_index+")").clone();$("#Searchresult").empty().append(new_content); //装载对应分页的内容 */return false;}});</script><div class="d_page" ><input type="hidden" id="page_total" value="100"/><input type="hidden" id="now_page" value="100"/><div id="Pagination" class="pagination" ><!-- 这里显示分页 --></div></div>

第三步：查看效果：

0 0