表格分页-jQuery 的Ajax应用 操作表格 插件

时间：2021-04-23 19:46:32
【文件属性】：
文件名称：表格分页-jQuery 的Ajax应用 操作表格 插件
文件大小：2.53MB
文件格式：PPT
更新时间：2021-04-23 19:46:32
jQuery 的Ajax应用 操作表格 插件 表格分页 $(document).ready(function() { var currentPage = 0;//当前页 var pageRow = 5;//每页行数 var $table = $("table.pagable");//选择表格 $table.bind("paging", function() {//为表格绑定自定义事件paging $table.find('tbody tr').hide() .slice(currentPage * pageRow, (currentPage + 1) * pageRow).show(); }); //添加分页指示元素 var numRows = $('table.pagable').find("tbody tr").length;// 总行数 var numPages = Math.ceil(numRows / pageRow);//需要的页数 var $pager = $('
'); for (var page = 0; page < numPages; page++) { $('' + (page + 1) + '').bind("click", { "newPage": page }, function(event) { currentPage = event.data["newPage"]; $table.trigger("paging"); $(this).addClass("active").siblings().removeClass("active"); }).appendTo($pager);//将分页指示器追加到元素后 $pager.append(" "); } $pager.find("span.page-number:first").addClass("active"); $pager.insertAfter($table); //触发分页，页面加载时显示第1页 $table.trigger("paging"); });
立即下载

网友评论

相关文章