jquery分页插件:链接:https://github.com/mricle/Mricode.Pagination
<link href="mricode.pagination.css" rel="stylesheet" />
<script src="http://cdn.bootcss.com/jquery/2.1.4/jquery.js"></script>
<script src="mricode.pagination.js"></script>
创建分页显示标签
<div id="page" class="m-pagination"></div>
初始化插件
$("#page").pagination({
pageSize: 10,
total: 1000
});
##Ajax分页
初始化
$("#page").pagination({
pageSize: 10,
remote: {
//服务器地址
url: 'data.json',
//回调函数
success: function (data) {
// data为ajax返回数据,
// 果要字符串 就要用.stringify(json 对象)转换
},
//total:返回的总记录数的key
totalName:'total'
}
});
citypick三级联动插件:http://tshi0912.github.io/city-picker/
<script type="text/javascript" src="js/citypicker/js/city-picker.data.js"></script>
<script type="text/javascript" src="js/citypicker/js/city-picker.js"></script>
<link rel="stylesheet" type="text/css" href="js/citypicker/css/city-picker.css">
<input id="sendAreaInfo" name="sendAreaInfo" class="form-control"
readonly type="text" data-toggle="city-picker">