<!-- JQUERY分页 -->
<script src="{
{asset('lib/js/jquery.pagination.js')}}"></script> //引入该文件前别忘了引入JQUERY库
<script>
$(function(){
//这是一个非常简单的demo实例,让列表元素分页显示,我们一个页面里既有老师,又有学生,分别分页,还要换行
//回调函数的作用是显示对应分页的列表项内容
//回调函数在用户每次点击分页链接的时候执行
//参数page_index{int整型}表示当前的索引页
var initPagination = function() {
// var num_entries = $("#hiddenresult div.result").length;
// 创建分页
var num_entries = $(".teacher").length; //这个是总条数,所以把生成的teacher类的tr全统计一下
$("#teacher_page").pagination(num_entries, {
num_edge_entries: 1, //边缘页数
num_display_entries: 4, //主体页数
callback: pageselectCallback,
items_per_page:10, //每页显示项
prev_text:"上页",
next_text:"下页",
});
var num2 = $(".student").length;
$("#student_page").pagination(num2, {
num_edge_entries: 1, //边缘页数
num_display_entries: 4, //主体页数
callback: stuPageselectCallback,
items_per_page:10, //每页显示项
prev_text:"上页",
next_text:"下页",
});
}();
function pageselectCallback(page_index,jq){ //回调函数,page_index是当前页的页码,第一页是0,jq是页面那个分页的条条容器
var num_entries = $(".teacher").length; //总条数
var per_page = 10; //每页显示
var max_el
Laravel一个页面里有多个分页并用jQuery pagination.js实现
最新推荐文章于 2021-03-10 09:40:14 发布