2017-12-13 8 views
0

내가 또한, 나는 currPage 값을 설정하려면이 플러그인을 확장 할 큰 노력 Materializescss UI, Github link위한 매김 플러그인을 발견 활성화, 그리고 (활성)materializecss 페이지 매김은

을 강조한다

예를 들어 enter image description here

여기에는 2 가지 유형의 페이지 매김이 있습니다. 첫 페이지, 마지막 페이지 모두 잘 작동합니다. 그냥 내가 페이지를 다시로드 오전, 나는 현재 페이지를 잃었을 현재 페이지를 잃었을 현재 페이지를 설정하는 옵션이 현재 알고, 그냥 정적 변수와 함께 그것을 달성하고 싶습니다 그냥

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

답변

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

당신은 다음 렌더링 코드는 iframe에 없기 때문에 당신이 디버그 모드에서 펜을 열어야합니다, 실제로 page 매개 변수의 변화를 가지고,하지만 여기에 https://codepen.io/alojzije/pen/PEqQBx?page=4

을 재생할 수 있습니다 DEBUG link

+0

하지만 아약스를 사용하고 있습니다. ( –