javascript - 启用当前页面链接的materializecss分页

标签 javascript jquery pagination materialize

我找到了 Materializescss UI 的分页插件,Github link ,效果很好,另外,我想扩展这个插件来设置 currPage 值,并且它应该突出显示(事件)

例如enter image description here

这里我有两种类型的分页,第一页,最后一页一切正常。假设我正在重新加载页面并且当前处于第四页,一旦页面重新加载,我就丢失了当前页面,我知道目前没有选项可以设置当前页面,只是我想用静态变量来实现它

    var CurrPage = 4;
    $('#pagination-long').materializePagination({
        align: 'center',
        lastPage: 10,
        firstPage: 1,
        currentPage:CurrPage,
        useUrlParameter: false,
        onClickCallback: function(requestedPage) {
            console.log('Requested page from #pagination-long: ' + requestedPage);
        }
    });

Codepen workout

最佳答案

为什么不使用插件提供的urlParameter呢?

$('#pagination-long').materializePagination({
            align: 'center',
            lastPage: 10,
            firstPage: 1,
            urlParameter: 'page',
            useUrlParameter: true,
            onClickCallback: function(requestedPage) {
                console.log('Requested page from #pagination-long: ' + requestedPage);
            }
 });

你可以在这里玩一下 https://codepen.io/alojzije/pen/PEqQBx?page=4

但是,要真正更改 page 参数,您需要在 DEBUG 模式下打开笔,因为只有这样渲染的代码才不在 iframe 中 DEBUG link

关于javascript - 启用当前页面链接的materializecss分页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47795670/

相关文章:

javascript - 解码从ajax返回的javascript中的json对象

javascript - 打开分页时如何从(html) Bootstrap 表中获取完整数据

PHP 数组分页

php - 在 PHP 中实现分页

Javascript - 迭代无键 JSON

javascript - 用户通过身份验证后如何获取 instagram id (instagram-node)

javascript - 鼠标悬停时选择单个链接

c# - 如何操纵回发优先级?

javascript - Twitter Bootstrap 轮播不旋转图像

javascript - 如何调整光滑轨道上图像的宽度