在分页

Question

我正在使用以下网址中的TWBS分页：

TWBS Pagination

我有以下图片：

1. First Image
2. Second Image

从第二张图片中，我输入＆＃34; 3＆＃34;进入输入框并单击＆＃34; Go＆＃34;按钮，但分页中选定的页面仍然是最后选择的页面。

以下是分页代码，输入框和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());
});

如果您已经编写了点击处理程序，则可以使用页码调用show内的twbsPagination函数。