如何在第一页上隐藏分页中的“上一页”按钮?

时间:2014-02-17 16:13:02

标签: html css bigcartel

我只是想在你打开时隐藏“上一个”按钮,比如说,第10页的第1页。因为如果你不能再回头,为什么还需要“上一个”按钮呢?另外,当你在最后一页(第1页的第10页)时,我想隐藏“下一步”按钮,因为再次,你不能再往前走了,为什么在最后一页上有一个“下一步”按钮?

我正在使用BigCartel,代码的变量如下所示:

{% if paginate.previous.is_link or paginate.next.is_link %}
{{ paginate | default_pagination }}
{% endif %}
% else %}
<p class="alert-noproducts">No products found.</p>
{% endif %}

CSS看起来像这样:

#pagination .disabled,
#pagination .next,
#pagination .previous {
display: inline;
}

1 个答案:

答案 0 :(得分:1)

使用它:

#pagination .previous.disabled { display:none; }

当你在最后一页时,你还想要添加它:

#pagination .next.disabled { display:none; }

您也可以将它们组合在一起:

#pagination .previous.disabled, #pagination .next.disabled { display:none; }