javascript - 如果pages == 1，如何隐藏list.js.pagination？

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

请检查我修改过的代码片段。要查看分页，请在下面设置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>