我正在从以下URL使用TWBS分页:
我有以下图像:
在第二张图像中,我已在输入框中输入“ 3”,然后单击“执行”按钮,但分页中的所选页面仍保留在最后一个所选页面中。
这是分页,输入框和执行按钮的代码:
$('#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" />
我的问题是,如何使分页中的所选页面跟随输入框中的任何值?
您的回答非常令人赞赏!
谢谢你。
您需要为#btnPage
按钮编写一个click事件处理程序。并更改页面#pagination-mode
$('#btnPage').on('click', function() {
$('#pagination-mode').twbsPagination('show', $('#txtPage').val());
});
如果您已经编写了一个单击处理程序,则可以使用页码调用其中的show
函数twbsPagination
。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句