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

Question

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

TWBS Pagination

我有以下图像:

1. First Image
2. Second Image

从第二张图片中，我在输入框中输入了“3”，然后单击“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 函数即可。