分页条使用

3089人阅读 2021/3/22 20:24 总访问:652176 评论:0 收藏:0 手机
分类: Jquery

引入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) {
         
          //选择改变事件
        
        }
    });


评价
脚踏实地,一步一个脚印
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2024TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
欢迎加群交流技术