有谁知道如何使用或修改 jQuery 分页插件以在页面顶部和底部显示导航？

发布于 2024-09-08 14:05:52 字数 804 浏览 5 评论 0原文

我正在使用 http://plugins.jquery.com/project/pagination 并且想要将分页应用于页面的顶部和底部。有什么办法可以实现这一点吗？

编辑 - 解决方案完整代码

$("#pagination").pagination(data, {
    num_edge_entries: 2, 
    num_display_entries: 8,
    items_per_page: 5,
    next_show_always: false, 
    prev_show_always: false,

    callback: function(page_index, jp){
            $.get("ajax.php?n="+page_index, function(data){
                $("#content").empty().append(data);
            });
        }

        var paginationClone = $("#pagination > *").clone(true);
        $("#paginationbottom").empty();
        paginationClone.appendTo("#paginationbottom");                
        return false;
    }
});

原文

I am working with http://plugins.jquery.com/project/pagination and want to have the pagination applied to both top and bottom of the page. Is there any way to make this happen?

Edit - Solution Full Code

$("#pagination").pagination(data, {
    num_edge_entries: 2, 
    num_display_entries: 8,
    items_per_page: 5,
    next_show_always: false, 
    prev_show_always: false,

    callback: function(page_index, jp){
            $.get("ajax.php?n="+page_index, function(data){
                $("#content").empty().append(data);
            });
        }

        var paginationClone = $("#pagination > *").clone(true);
        $("#paginationbottom").empty();
        paginationClone.appendTo("#paginationbottom");                
        return false;
    }
});

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

故事和酒 2024-09-15 14:05:52

更新：

可能的解决方法位于这个答案。

本质上调整回调以将一个分页器克隆到另一个分页器。

做到这一点的能力显然是一个“关键”功能请求。

回复收藏 0 原文

触ぅ动初心 2024-09-15 14:05:52

我知道这是一个老问题，但这是我如何能够在内容的顶部和底部实现分页。希望这对可能正在寻找这个答案的人有所帮助。

在 HTML 中，我添加了第二个分页支架，如下所示：

<div id="pagnationNav1" class="holder"></div>
<div id="itemContainer">

    ''' Your looping code goes here

</div>
<div id="pagnationNav2" class="holder"></div>

I know this is an old question but here is how I was able to implement paging at the top and bottom of the content. Hope this helps someone that may be looking for this answer.

In the HTML I added a second pagnation holder like this:

<div id="pagnationNav1" class="holder"></div>
<div id="itemContainer">

    ''' Your looping code goes here

</div>
<div id="pagnationNav2" class="holder"></div>

回复收藏 0 原文

~没有更多了~