基于Bootstrap框架的jQuery分页插件

来源:https://www.sucaihuo.com/js/3542.html 2018-03-10 16:50浏览(1270) 收藏

非常实用的基于Bootstrap框架的jQuery分页插件,有上一页下一页、第一页最后一页按钮,可设置固定列表分页显示,支持动态分页数据代码。
基于Bootstrap框架的jQuery分页插件
分类:html/css > 分页 难易:初级
查看演示 下载资源 下载积分: 20 积分

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>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2