如何避免在从一个页面导航到另一个页面时，在url的末尾添加一个哈希值

Question

我使用了一个tableorter页导航(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();
    }
});

是否有任何方法来关闭页面哈希(#page1， #page2)，当我使用simplePagination插件之间的页面导航?

谢谢!

Answer 1

根据此问题，可以在onPageClick回调方法中添加一个return false:

所以把你代码中的回调改成这样:

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