如何使用Javascript隐藏分页
如果搜索结果中的项目少于一页,我试图隐藏引导分页栏 这是my home.html分页:如何使用Javascript隐藏分页,javascript,html,django,pagination,Javascript,Html,Django,Pagination,如果搜索结果中的项目少于一页,我试图隐藏引导分页栏 这是my home.html分页: <div class="pagination" id="paginationField"> <nav aria-label="..."> <ul class="pagination", id="pagination">
<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>
}可能需要检查
document.getElementById('paginationField')。innerHTML.length
而不是
document.getElementById('paginationField')。长度仅在计数大于1时显示paginator 使用
{%if page.paginator.count>1%}
.....
{%endif%}
function showHidePagination() {
if(document.getElementById('paginationField').length > 15) {
document.getElementById('pagination').style.display='none';
} else {
document.getElementById('pagination').style.display='block';
}
{% if page.paginator.count>1 %}
<div class="pagination" id="paginationField">
<nav aria-label="...">
.....
{% endif %}