jQuery pajinate插件定制问题

时间:2011-06-16 11:22:33

标签: jquery jquery-plugins pagination

我在我的页面中使用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>  

分页就像这样:

enter image description here

问题:当我到达第一页时,我需要隐藏prev按钮。同样,当我到达最后一页时,我需要隐藏last按钮。

此插件是否有任何选项,或者我需要针对此分页问题的解决方案。

2 个答案:

答案 0 :(得分:5)

有一个解决方案。根据文件:

  

如果是,则将名为“no_more”的样式类添加到第一个/ prev链接   第一个链接是活动的,类似于上一个/下一个链接。这个   如果需要,允许您为这些链接提供“禁用”外观。

所以只需使用CSS隐藏类'no_more'。

答案 1 :(得分:1)

this documentation page所述,我并不确定是否有内置参数或功能来解决您的问题。