更改分页中的所选页面

JH.LAI

我正在从以下URL使用TWBS分页:

TWBS分页

我有以下图像:

  1. 第一张图片
  2. 第二张图片

在第二张图像中,我已在输入框中输入“ 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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

更改分页中的所选页面

来自分类Dev

使用“分页”更改网站中页面的宏

来自分类Dev

Laravel PHP:使用其他分页页面时,所选类别的总更改/重置为“ 0”

来自分类Dev

静态页面中的Wordpress分页

来自分类Dev

通过Commandlink分页更改Primefaces Datatable页面

来自分类Dev

更改活动页面的颜色(分页)

来自分类Dev

在视图页面中显示部分页面

来自分类Dev

在视图页面中显示部分页面

来自分类Dev

Kendo Grid,如何更改Angular中的可分页文本(页面数,项目数)?

来自分类Dev

在引导程序分页器中设置活动页面(分页)

来自分类Dev

GridView所选索引已在不同页面上更改

来自分类Dev

引导分页中的突出显示页面

来自分类Dev

重置jQuery分页插件中的总页面

来自分类Dev

分类页面wordpress中的分页错误

来自分类Dev

Wordpress中类别页面上的分页错误

来自分类Dev

Yii在分页中显示所有页面

来自分类Dev

CSS分页后,Chrome中的页面均匀

来自分类Dev

Wordpress中类别页面上的分页错误

来自分类Dev

类别页面中的分页问题[WordPress]

来自分类Dev

Yii在分页中显示所有页面

来自分类Dev

页面中的分页后无法正常工作

来自分类Dev

在 Codeigniter 分页中设置当前页面

来自分类Dev

在 AngularJs 中刷新部分页面内容

来自分类Dev

Android在tabwidget中更改所选标签的高度

来自分类Dev

如何更改所选选项中的字体颜色?

来自分类Dev

在Android中更改所选列表项的布局

来自分类Dev

如何更改所选选项中的字体颜色?

来自分类Dev

在C#中更改所选窗口的标题

来自分类Dev

如何避免“您确定要离开此页面吗?” 何时提交更改?在IE中GridView的分页单击

Related 相关文章

热门标签

归档