javascript - 如何从 twbs 分页插件中删除 'first' ,'previous' ,'next' 和 'last' 按钮

Question

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

Answer 1

请将 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>