养浩然之气,做博学之人
分页功能在项目中时常用到,一款可以快速实现分页功能的插件非常有必要,pagination--这款插件功能非常完美。JqueryPagination是一个轻量级的jquery分页插件。只需几个简单的配置就可以生成分页控件。并且支持ajax获取数据,自定义请求参数,提供多种方法,事件和回调函数,功能全面的分页插件。
(1)在JQuery后面引入pagination插件
<script src="js/jquery.js"></script> <script src="js/jquery.pagination.js"></script>
(2)
$(selector).pagination({ callback: function(api){ //参数api为函数返回值,详情请查看下面的相关参数的api的值 console.log('点击页码调用该回调'); //把请求接口函数放在这儿,每次点击请求一次 } }, function(){ console.log('初始化'); //插件初始化时调用该回调,比如请求第一次接口来初始化分页配置 });
(3)参数:
items_per_page : 10, // 每页显示多少条记录 current_page : 0, //当前页码 num_display_entries : 4, // 中间显示页码的个数 num_edge_entries : 2, // 末尾显示页码的个数 link_to : "javascript:;", //页码点击后的链接 prev_text : "< 上一页", //上一页的文字 next_text : "下一页 >", //下一页的文字 ellipse_text : "...", //页码之间的省略号 display_msg : true, // 是否显示记录信息 prev_show_always : true, //是否总是显示最前页 next_show_always : true,//是否总是显示最后页 setPageNo:false,//是否显示跳转第几页 callback : function() { return false; } // 回调函数
编辑:孙小北
本文地址: https://www.xiaowangyun.com/wyblog/detail/?id=199
版权归属: www.xiaowangyun.com 转载时请以链接形式注明出处
0 条评论