如何避免 tablesorter 分页器在从一页导航到另一页时在 url 末尾添加哈希值-Jquery simplePagination 插件

Question

我正在使用 tablesorter pager 进行页面导航（simplePagination 插件）。分页仅在页面之间导航时将哈希值设置为 page1 的问题下才能正常工作。例如：我从第 1 页转到第 2 页（假设有 10 页，有 100 条记录，每页 10 个），它将散列设置为 #page2 即：http://www.index.html/#page1 和 #page3 在第 3 页时，依此类推。 .

js:

$("#pagination").pagination({
    items: items.length,
    itemsOnPage: 10,
    labelText: 'Showing',
    cssStyle: 'light-theme',
    onInit: function () {
        startItem = ((this.currentPage * this.itemsOnPage) + 1);
        endItem = ((startItem - 1) + this.itemsOnPage);
        if (endItem > this.items) {
            endItem = this.items;
        }
        $('#pagination').prepend(
            '<div class="pagination-addon">' +
            '<label class="pagination-label">' + this.labelText + '</label> ' +
            '<label class="pagination-start-item">' + startItem + '</label> - ' +
            '<label class="pagination-end-item">' + endItem + '</label> of ' +
            '<label class="pagination-total-items">' + this.items + '</label>' +
            '</div>');
    },
    onPageClick: function (pageNumber) {
        this.onInit();
    }
});

当我使用 simplePagination 插件在页面之间导航时，有什么方法可以关闭页面哈希（#page1、#page2）吗？

谢谢！

Answer 1

根据this issue，可以在onPageClick回调方法中添加一个return false：

因此将代码中的回调更改为：

onPageClick: function (pageNumber) {
    this.onInit();
    return false;
}

如何避免 tablesorter 分页器在从一页导航到另一页时在 url 末尾添加哈希值-Jquery simplePagination 插件

How to avoid the tablesorter pager adding a hash value at the end of the url while navigating from one page to another-Jquery simplePagination plugin

jquery

pagination

tablesorter