jQuery pagination分页示例详解

2020-05-17 06:18:05易采站长站整理

});

$("#datas").html(temp); //将创建的新行附加在DIV中

}

});

if(total!=0){
//调用分页函数,将分页插件绑定到id为Pagination的div上
$("#Pagination").pagination(total, { //recordCount在后台定义的一个公有变量,通过从数据库查询记录进行赋值,返回记录的总数
callback: pageselectCallback, //点击分页时,调用的回调函数
prev_text: '« 上一页', //显示上一页按钮的文本
next_text: '下一页 »', //显示下一页按钮的文本
items_per_page:12, //每页显示的项数
num_display_entries:4, //分页插件中间显示的按钮数目
current_page:pageIndex, //当前页索引
num_edge_entries:2 //分页插件左右两边显示的按钮数目

});
}
}

</script>
</head>

<body style="">

<div class="img" style="display:none;text-align:center;margin:0 auto;margin-top:200px;z-index:1000;">
<img src="../image/jz.jpg">
</div>
<div class="page">
<div id="datas">

</div>
<div id="Pagination" style="margin-bottom:10px;"></div>
</div>

</body>
</html>