javascript - 在分页中更改选定的页面

Question

我正在使用来自以下 URL 的 TWBS 分页:

TWBS Pagination

我有以下图片:

1. First Image
2. Second Image

从第二张图片开始，我在输入框中输入了“3”并点击了“Go”按钮，但是分页中选择的页面仍然是上次选择的页面。

下面是分页、输入框和go按钮的代码:

$('#pagination-mode').twbsPagination({
            totalPages: 50,
            visiblePages: 5,
            onPageClick: function (event, page) {
                $('#txtPage').val(page);
            }
        });

        $('#spanPage').text("Go");

        <button id="btnPage" type="button" class="btn pull-right">
           <span id="spanPage"></span>
        </button>
        <input type="text" id="txtPage" class="dark-control pull-right" />

我的问题是，如何使分页中的选定页面跟随输入框中的任何值？

非常感谢您的回答!

谢谢。

Answer 1

您需要为#btnPage 按钮编写一个点击事件处理程序。并在 #pagination-mode

上更改页面

$('#btnPage').on('click', function() {
    $('#pagination-mode').twbsPagination('show', $('#txtPage').val());
});

如果您已经编写了点击处理程序，您只需调用其中的 twbsPagination 的 show 函数，并使用页码。