Javascript 启用currentpage链接的materializecss分页

我找到了MaterializeSSS UI的分页插件，它工作得很好，另外，我想扩展这个插件来设置currPage值，它应该高亮显示（活动）

比如说

这里我有两种类型的分页，第一页，最后一页，一切都很好。假设我正在重新加载页面，而我现在处于第4页，一旦页面被重新加载，我就丢失了当前页面，我知道当前没有设置当前页面的选项，只是我想用静态变量实现它

    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);
        }
    });

---

为什么不使用插件提供的URL参数

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

你可以在这里玩

---

但是，要真正更改

页面

参数，您需要在调试模式下打开画笔，因为只有这样渲染的代码才不在iframe中

，而我使用的是ajax：(