我在我的页面中使用Pajinate - 一个jQuery Pagination插件进行分页
以下是我的代码
$(document).ready(function(){
$('#paging_container6').pajinate({
start_page : 2,
items_per_page : 5
});
});
HTML代码:
<div id="paging_container6" class="container">
<h2>Custom Start Page</h2>
<div class="page_navigation"></div>
<ul class="content">
<li><p>One</p></li>
<li><p>Two</p></li>
<li><p>Three</p></li>
<li><p>Four</p></li>
<li><p>Five</p></li>
<li><p>Six</p></li>
<li><p>Seven</p></li>
<li><p>Eight</p></li>
<li><p>Nine</p></li>
<li><p>Ten</p></li>
<li><p>Eleven</p></li>
<li><p>Twelve</p></li>
<li><p>Thirteen</p></li>
<li><p>Fourteen</p></li>
<li><p>Fifteen</p></li>
<li><p>Sixteen</p></li>
</ul>
</div>
分页就像这样:
问题:当我到达第一页时,我需要隐藏prev
按钮。同样,当我到达最后一页时,我需要隐藏last
按钮。
此插件是否有任何选项,或者我需要针对此分页问题的解决方案。
答案 0 :(得分:5)
有一个解决方案。根据文件:
如果是,则将名为“no_more”的样式类添加到第一个/ prev链接 第一个链接是活动的,类似于上一个/下一个链接。这个 如果需要,允许您为这些链接提供“禁用”外观。
所以只需使用CSS隐藏类'no_more'。
答案 1 :(得分:1)
如this documentation page所述,我并不确定是否有内置参数或功能来解决您的问题。