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

Question

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

例如

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

    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

Answer 1

为什么不使用插件提供的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