后台分页-jqPaginator使用

一,引入

<!--分页插件-->
<script type="text/javascript" src="/static/admin/js/jqPaginator.js"></script>
<script type="text/javascript" src="/static/admin/bootstrap/js/jquery-1.10.1.js"></script>

二。
定义一个空的div    让这个div的class   pagination 
<div class="pagination" id="pagination"></div>

三。js
<script>
$('#pagination').jqPaginator({
totalPages: {{.totalPages}},
visiblePages: 5,
currentPage: {{.page}},
onPageChange: function (num,type) {
console.log(num,type)
if (type!='init'){
location.href="/admin/goods?page="+num;
}
}
});
</script>
posted @ 2023-03-10 18:09  lunar-华仔  阅读(175)  评论(0)    收藏  举报