注册 登录 充值会员 退出
前端视频教程 小程序 众筹源码 python 商城源码 商城模板 响应式模板 中文模板 手机模板 企业源码
充值

jQuery+Bootstrap动态分页插件

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2018-03-15
jQuery+Bootstrap动态分页插件
paginathing.js是一款可以设置固定列表分页显示的jQuery+Bootstrap动态分页插件,Bootstrap分页样式看上去简洁又不失美感。


js代码

<script type="text/javascript" src="js/paginathing.js"></script>
<script type="text/javascript">
  jQuery(document).ready(function($){
	for (var i = 1; i <= 150; i++) {
	  $('.list-group').append('<li class="list-group-item"> Item ' + i + '</li>');
	}

	$('.list-group').paginathing({
	  perPage: 5,
	  limitPagination: 9,
	  containerClass: 'panel-footer',
	  pageNumbers: true
	})

	$('.table tbody').paginathing({
	  perPage: 2,
	  insertAfter: '.table',
	  pageNumbers: true
	});
  });
</script>