materializecssのページネーションは、私は偉大な働いているMaterializescss UI、<a href="https://github.com/mirjamsk/materialize-pagination" rel="nofollow noreferrer">Github link</a>、用ページネーションプラグインを見つけ

Question

を有効にし、さらに、

（アクティブ）私はcurrPage値を設定するには、このプラグインを拡張したい、それが強調表示されます

例：

ここでは、2ページ目のページング、最初のページ、最後のページすべてが正常に機能しています。ちょうど私がページをリロードしていると仮定し、私は現在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); 
     } 
    }); 

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

あなたが実際にpageパラメータ変更を持っている、しかし、ここでそれをhttps://codepen.io/alojzije/pen/PEqQBx?page=4

を再生することができますだけにしてレンダリングされたコードは、iframe内にはないので、あなたはDEBUGモードでペンを開く必要がありますDEBUG link