Moh*_*Ram 1 jquery pagination jquery-plugins
我在我的页面中使用Pajinate - 一个jQuery Pagination插件进行分页
以下是我的代码
$(document).ready(function(){
$('#paging_container6').pajinate({
start_page : 2,
items_per_page : 5
});
});
Run Code Online (Sandbox Code Playgroud)
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>
Run Code Online (Sandbox Code Playgroud)
分页将是这样的:
问题:当我到达第一页时,我需要隐藏prev按钮.同样,当我到达最后一页时,我需要隐藏last按钮.
这个插件有没有选择,或者我需要一个解决这个分页问题的方法.
有一个解决方案.根据文件:
如果第一个链接处于活动状态,则对第一个/上一个链接添加一个名为"no_more"的样式类,对于上一个/下一个链接也是如此.这允许您在需要时为这些链接提供"禁用"外观.
所以只需使用CSS来隐藏类'no_more'.