前端分页插件twbsPagination的使用

1.引入jquery与twbsPagination

引入js

2.引入div,展示分页效果

        <%--分页--%>
        <span style="font-size:14px;">
            <div class="text-center">
                <ul id="pagination-demo" class="pagination-sm"></ul>
            </div>
        </span>
div效果展示

3.script中引入函数

        //分页
        $('#pagination-demo').twbsPagination({
            //total总记录数,就是多少条数据  pages总页数
            totalPages: ${page.total},
            visiblePages: 5,
            first:'首页',
            last:'末页',
            prev:'上一页',
            next:'下一页',
            href:"?p={{number}}"
        });

最终才会展示这种效果:


page.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 在线阅读 http://interview.poetries.top[http://interview.poetr...
    前端进阶之旅阅读 114,955评论 24 450
  • <a name='html'>HTML</a> Doctype作用?标准模式与兼容模式各有什么区别? (1)、<...
    clark124阅读 3,603评论 1 19
  • 请参看我github中的wiki,不定期更新。https://github.com/ivonzhang/Front...
    zhangivon阅读 7,217评论 2 19
  • 破碎再重组,能看到原本隐藏的意象。 零 我告诉别人我叫零,不是玲,在他们诧异的眼光中我只是微微一笑。因为零无所谓开...
    若水无心一阅读 430评论 0 2
  • “每个女人都应该有一间书房。关上门,洗净双手,打开一本书,阅读。”——禾田书房 一直想说一句话,书真是个好东西。 ...
    红子Jane阅读 504评论 4 3