ページが== 1ならlist.js.paginationを非表示にするには？

Question

私はhttps://github.com/javve/list.jsとページング用のプラグインを使用しますhttps://github.com/javve/list.pagination.js

1ページだけのページングを非表示にしたいだけです。それを行うための最良の方法は何ですか？

は、私が試した：

var paging = document.getElementById('paging'); 

    if (pages.length <= 1) { 
     paging.style.display = 'none'; 
    } 

が作品はありません。ここで

例です：ページのVAR https://github.com/javve/list.pagination.js/blob/master/dist/list.pagination.js#L451

Answer 1

getElementByIdをは何の長さのパラメータを持っていないhttp://codepen.io/anon/pen/RoVMYb

、IDは一意です。それは言うのは難しいのですが、私はあなたがページ数を保持しているいくつかの変数を持っていることを前提とし、多分それも「ページ」のフルコードなしで

var paging = document.getElementById('paging'); 

if (paging) { 
    paging.style.display = 'none'; 
} 

Answer 2

：これを試してみてください。もしそうなら、答えは：

if (pages <= 1) { 
    paging.style.display = 'none'; 
} 

Answer 3

私の修正スニペットを確認してください。改ページを表示するには、page: 5

以下

var monkeyList = new List('test-list', { 
 
    valueNames: ['name'], 
 
    page: 15, 
 
    outerWindow:0, 
 
    plugins: [ ListPagination({}) ] 
 
}); 
 

 
if((monkeyList.size()/monkeyList.page)<=1){ 
 
    document.getElementsByClassName('pagination')[0].style.display = 'none'; 
 
}

.pagination li { 
 
    display:inline-block; 
 
    padding:5px; 
 
}

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script> 
 
<script src="http://listjs.com/assets/javascripts/list.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/list.pagination.js/0.1.1/list.pagination.min.js"></script> 
 
    
 
    <div id="test-list"> 
 
    <input type="text" class="search" /> 
 
    <ul class="list"> 
 
     <li><p class="name">Guybrush Threepwood</p></li> 
 
     <li><p class="name">Elaine Marley</p></li> 
 
     <li><p class="name">LeChuck</p></li> 
 
     <li><p class="name">Stan</p></li> 
 
     <li><p class="name">Voodoo Lady</p></li> 
 
     <li><p class="name">Herman Toothrot</p></li> 
 
     <li><p class="name">Meathook</p></li> 
 
     <li><p class="name">Carla</p></li> 
 
     <li><p class="name">Otis</p></li> 
 
     <li><p class="name">Rapp Scallion</p></li> 
 
     <li><p class="name">Rum Rogers Sr.</p></li> 
 
     <li><p class="name">Men of Low Moral Fiber</p></li> 
 
     <li><p class="name">Murray</p></li> 
 
     <li><p class="name">Cannibals</p></li> 
 
    </ul> 
 
    <ul class="pagination"></ul> 
 
    </div>