Session

分页条使用

电脑版发表于:2021/3/22 20:24

引入JQUERY和CSS

<script src="~/Jquery/jqPaginator.js"></script>
<link href="~/css/page.css" rel="stylesheet" />

设置分页条

<ul class="pagination" id="pagination2"></ul>

JQUERY生成分页条

 $.jqPaginator('#pagination2', {
        totalPages: 总页数,
        visiblePages: 每页的条数,
        currentPage: 当前页数,
        first: '<li class="prev"><a href="javascript:;">首页</a></li>',
        prev: '<li class="next"><a href="javascript:;">上一页</a></li>',
        next: '<li class="next"><a href="javascript:;">下一页</a></li>',
        last: '<li class="next"><a href="javascript:;">尾页</a></li>',
        page: '<li class="page"><a href="javascript:;">{{page}}</a></li>',
        onPageChange: function (num, type) {
         
          //选择改变事件
        
        }
    });


关于TNBLOG
TNBLOG,技术分享。技术交流:群号677373950
ICP备案 :渝ICP备18016597号-1
App store Android
精彩评论
{{item.replyName}}
{{item.content}}
{{item.time}}
{{subpj.replyName}}
@{{subpj.beReplyName}}{{subpj.content}}
{{subpj.time}}
猜你喜欢