如何隱藏list.js.pagination頁面== 1？

Question

我使用https://github.com/javve/list.js和插頁分頁https://github.com/javve/list.pagination.js

只是想隱藏分頁，如果只有一個頁面。最好的辦法是做什麼？

我想：

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

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

不工作。

下面是一個例子：http://codepen.io/anon/pen/RoVMYb

頁變種https://github.com/javve/list.pagination.js/blob/master/dist/list.pagination.js#L451

Answer 1

的getElementById沒有長度參數，ID是唯一的。試試這個：

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

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

Answer 2

沒有完整的代碼很難說，但我認爲你有一些變量可以保存頁面數量，也可能是'頁面'。如果是這樣，那麼答案是：

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

Answer 3

請檢查我的修改代碼片段。要查看分頁，下面

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>