javascript - 如何使用 Javascript 隐藏分页
问题描述
如果搜索结果少于一页,我试图隐藏我的引导分页栏。
这是我的 home.html 分页:
<div class="pagination" id="paginationField">
<nav aria-label="...">
<ul class="pagination", id="pagination">
<li class="page-item {% if not prev_page_url %}disabled {% endif %} ">
<a class="page-link" href="{{ prev_page_url }}" tabindex="-1">Previous</a>
</li>
{% for n in page.paginator.page_range %}
{% if page.number == n %}
<li class="page-item active">
<a class="page-link" href="?page={{ n }}">{{ n }} <span class="sr-only">(current)</span></a>
</li>
{% elif n > page.number|add:-3 and n < page.number|add:3 %}
<li class="page-item">
<a class="page-link" href="?page={{ n }}">{{ n }}</a>
</li>
{% endif %}
{% endfor %}
<li class="page-item {% if not next_page_url %}disabled {% endif %} ">
<a class="page-link" href="{{ next_page_url }}">Next</a>
</li>
</ul>
</nav>
</div>
这是我的js文件:
function showHidePagination() {
if(document.getElementById('paginationField').length > 15) {
document.getElementById('pagination').style.display='none';
} else {
document.getElementById('pagination').style.display='block';
}
}
解决方案
可能需要检查 document.getElementById('paginationField')。innerHTML .length 而不是 document.getElementById('paginationField').length
推荐阅读
- ssl - 两个 Kubernetes 卷可以挂载到同一个地方吗
- angular - S3 静态托管 - 没有 index.html 的路径
- c# - 为什么我需要服务器、用户名和密码才能在 C# 中创建数据库?
- javascript - 错误,看起来 Promise 在使用 redux-pack 时消失了
- python - Scrapy python代码不会递归地通过链接
- python - 查询桌面搜索时如何使用win32com处理溢出?
- ios - iOS 开发证书在 30 天后过期
- windows-installer - 卸载的自定义操作类型 18 的序列位置应该是什么?
- javascript - p5.js:在draw之外绘制一个元素
- vue.js - Vuex 嵌套对象