"/>

jQuery+Bootstrap动态分页插件

139
0
paginathing.js分页插件Bootstrap分页插件Bootstrap分页样式
paginathing.js是一款可以设置固定列表分页显示的jQuery+Bootstrap动态分页插件,Bootstrap分页样式看上去简洁又不失美感。
<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>