如果 pages == 1，如何隐藏 list.js.pagination？答案

【问题标题】：How to hide list.js.pagination if pages == 1?如果 pages == 1，如何隐藏 list.js.pagination？
【发布时间】：2017-04-07 05:04:59
【问题描述】：

我使用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

【问题讨论】：

——你能分享可执行的 demo/sn-p 或 JSFiddle 吗？ Create a Minimal, Complete, and Verifiable example
@Rayon 我用示例更新了我的帖子。那么如何访问 var pages 以了解现在有多少页并隐藏 if ==1 github.com/javve/list.pagination.js/blob/master/dist/…

标签： javascript list pagination list.js

【解决方案1】：

请检查我修改后的 sn-p。要查看分页，请在下方设置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>

【讨论】：

非常感谢！我们如何修改源代码使其默认工作？
我建议不要为了维护而修改库的源代码。但是您可以在自己的 javascript 文件中扩展功能。

【解决方案2】：

getElementById 没有长度参数，id 是唯一的。试试这个：

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

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

【讨论】：

再次阅读问题中的代码... OP指的是pages.length

【解决方案3】：

没有完整的代码很难说，但我认为你有一些变量可以保存页数，甚至可能是“页数”。如果是，那么答案是：

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

【讨论】：