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 - Google 柱形图 - 列值与轴不匹配

JQuery 到 Mootools

jquery - 为什么jquery无法解析数组字符串中的/#{?

php - 如何在分页元素中实现最后的步骤?

asp.net - 使用 DataPager 而不检索每个请求的所有行

javascript - 如何在没有 href 链接的情况下获取标签

javascript - 无法加载资源socket.io

javascript - 在Ember-cli项目中使用ES6库

单选按钮上的 JQuery 单击未捕获抛出 TypeError : Cannot read property 'indexOf' of undefined

javascript - PHP Mysql 表分页