如何删除' first',' previous' next' next'并且'最后'来自twbs分页插件的按钮

时间:2017-05-27 11:09:29

标签: javascript jquery html ajax pagination

我需要一个简单的分页,只显示没有控制按钮的页码(第一个,上一个,下一个和最后一个),我查看了twbs选项 twbs-pagination github docs 还有stackoverflow但遗憾的是什么都没发现! 是否可以在此插件中删除控制按钮? 如果没有,你能介绍一个可以与动态数据一起使用的分页插件(通过ajax调用)吗? 提前感谢您的帮助。

1 个答案:

答案 0 :(得分:4)

请将first,prev,next,last变量设置为''(空值)。见例:

$('#pagination-demo').twbsPagination({
        totalPages: 35,
        visiblePages: 7,
        first: '',
        prev: '',
        next: '',
        last: '',
        onPageClick: function (event, page) {
            $('#page-content').text('Page ' + page);
        }
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://esimakin.github.io/twbs-pagination/js/jquery.twbsPagination.js" type="text/javascript"></script>

 <div id="page-content">Page </div>
 <ul id="pagination-demo" class="pagination-sm"></ul>