bs_pagination分页插件

一：准备工作

1.1 下载

下载地址

1.2 导入

<!--jquery与bootstrap-->
<link href="jquery/bootstrap_3.3.0/css/bootstrap.min.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="jquery/jquery-1.11.1-min.js"></script>
<script type="text/javascript" src="jquery/bootstrap_3.3.0/js/bootstrap.min.js"></script>
<!--  PAGINATION plugin 翻页插件-->
<link rel="stylesheet" type="text/css" href="jquery/bs_pagination-master/bs_paginationmaster/jquery.bs_pagination.min.css">
<script type="text/javascript"src="jquery/bs_pagination-master/bs_pagination-master/jquery.bs_pagination.min.js"></script>
<script type="text/javascript"src="jquery/bs_pagination-master/bs_pagination-master/localization/en.js"></script>

二、使用

2.1、创建插件的容器

<div id="demo-page1"></div>

2.2、调用pagination内的函数

//翻页插件
<script type="text/javascript">
	$(function(){
		//翻页插件
				$("#demo_pag1").bs_pagination({
				//常用的属性如下
					currentPage:,//当前所在的页数

					rowsPerPage:,//每页显示的页数
					totalRows,//总条数
					totalPages:,//总页数

					visiblePageLinks: ,//最多可以显示的卡片数

					showGoToPage: ,//开不开起页面跳转
					showRowsInfo: ,//是否显示记录的信息
					showRowsPerPage:,//是否显示每页的条数

					//每次切换页号，都会触发本函数
					onChangePage: function (event,pageObj) {
							
					}
				})
	}				
</script>

更多配置请至官网了解