jqPagination 是一个简单易用的轻量级 jQuery 分页插件,其使用了 HTML5 和 CSS3 技术来实现。此插件提供了几个参数设置选项,通过简单的配置即可生成分页控件。此外,它的外观样式是可自定义的,扩展性很强。
使用方法:
添加 jQuery 类库、jqPagination 插件的 JS 和 CSS 文件
<link rel="stylesheet" href="jqpagination.css"/>
<script src="jquery-1.6.2.min.js"></script>
<script src="jquery.jqpagination.min.js"></script>
再需要如下HTML
<div class="pagination">
<a href="#" class="first" data-action="first">«</a>
<a href="#" class="previous" data-action="previous">‹</a>
<input type="text" readonly="readonly" data-max-page="40" />
<a href="#" class="next" data-action="next">›</a>
<a href="#" class="last" data-action="last">»</a>
</div>
最后初始化插件
$('.pagination').jqPagination({
link_string : '/?page={page_number}',
current_page: 5, //设置当前页 默认为1
max_page : 40, //设置最大页 默认为1
page_string : '当前第{current_page}页,共{max_page}页',
paged : function(page) {
//回发事件。。。
}
});
JQPAGINATION分页插件参考资料:http://blog.csdn.net/chinet_bridge/article/details/12488719 献上实用代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transiti
javascript: function initProductPage(currentPage) { //删除相关数据(删除Id为edc的tbody的相关数据,移除Class为content的tr的行数据) //设置每一页展示的产品数量,如果要调整的话可能需要自行修改样式 var perPage = "6"; $("#itemConta
在开发过程中,使用了jqPagination插件出现了一些问题 //源代码 function initPage(max_page) { $('.pagination').jqPagination({ link_string : '/?page={page_number}', max_page : max_page, paged : function(page) {
固定宽度的元素水平居中只需要 margin-left:auto; margin-right:auto; 换成 margin:0 auto; 也是一样的 今天给我用的jqPagination分页插件实现水平居中的时候发现不行,看.jqpagination的css才发现它有个float:left; 最后在stackoverflow上看到一个老外也是跟我一样的问题,解决方案如下: 给paginatio
1. 在模板文件中引入分页插件及其依赖; <!-- 引入插件和插件的依赖--> <link rel="stylesheet" href="/public/admin/bootstrap/css/bootstrap.css"> <script type="text/javascript" src="/public/admin/bootstrap/js/jquery-1.10.1.js"></scri
本文向大家介绍jquery pagination插件动态分页实例(Bootstrap分页),包括了jquery pagination插件动态分页实例(Bootstrap分页)的使用技巧和注意事项,需要的朋友参考一下 第一种Bootstrap -默认的分页实例,供大家参考,具体内容如下 第二个实例jquery pagination分页控件 分页效果: 源码:https://github.com/gb
本文向大家介绍jquery分页插件jquery.pagination.js实现无刷新分页,包括了jquery分页插件jquery.pagination.js实现无刷新分页的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了jquery分页插件实现无刷新分页的相关代码,供大家参考,具体内容如下 1.使用插件为 jquery.pagination.js ,如果没有这个js文件的话,我可以给发
本文向大家介绍laypage前端分页插件实现ajax异步分页,包括了laypage前端分页插件实现ajax异步分页的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了laypage前端分页插件,ajax异步分页,获取json数据实现无刷新分页,供大家参考,具体内容如下 以上就是本文的全部内容,希望对大家学习laypage分页插件有所启发和帮助,谢谢大家的阅读。
本文向大家介绍Jquery 分页插件之Jquery Pagination,包括了Jquery 分页插件之Jquery Pagination的使用技巧和注意事项,需要的朋友参考一下 实用jQuery分页特效插件jquery.pagination.js,基于jQuery实现,可根据pageselectCallback函数callback调用通过ajax调用动态数据,目前的方法是生成JSON数据到JS文
我需要在打印完一些段落后插入分页符。我找到了一个插入分页符的函数,但它只插入了一个空段落,没有插入分页符。 这是功能: 我如何修复这个功能来插入一个完整的分页符?
本文向大家介绍最实用的jQuery分页插件,包括了最实用的jQuery分页插件的使用技巧和注意事项,需要的朋友参考一下 在做商城和订单管理的时候,常常会用到分页功能,所以我封装了一个jQuery的分页插件,该插件主要实现上下翻页,输入数字跳转等功能。 具体实现如下: 输入参数需要当前页码pageNo,总页码totalPage,回调函数callback。 主要的实现有两个函数,一个是根据当前页和总页
pre { white-space: pre-wrap; } jQuery EasyUI 插件 通过 $.fn.pagination.defaults 重写默认的 defaults。 分页(pagination)允许用户通过翻页导航数据。它支持页面导航和页面长度选择的可配置选项。用户可以在分页的右侧添加自定义按钮来增强功能。 依赖 linkbutton 用法 通过标记创建分页(pagination
本文向大家介绍Mybatis常用分页插件实现快速分页处理技巧,包括了Mybatis常用分页插件实现快速分页处理技巧的使用技巧和注意事项,需要的朋友参考一下 在未分享整个查询分页的执行代码之前,先了解一下执行流程。 1.总体上是利用mybatis的插件拦截器,在sql执行之前拦截,为查询语句加上limit X X 2.用一个Page对象,贯穿整个执行流程,这个Page对象需要用Java编写前端分页组