请问想要实现分页效果有没有什么好的方法？

请问想要实现分页效果有没有什么好的方法？

---

用了 jquery.pagination.js 按照里面的方法写 可是分页出来 每页只有一条 请问是为什么

<div id="Searchresult" class="content">

<!--分页初始化完成后这里的内容会被替换。-->

</div>
<div id="hiddenresult" style="display:none;">

<!-- 列表元素 -->

</div>
<div id="Pagination" class="pagination">

            <span class="current prev">上一页</span>
            <span class="current">1</span>
            <a href="#">2</a>
            <a href="#">3</a>
            <a href="#">4</a>
            <span>...</span>
            <a href="#">8</a>
            <a href="#" class="next">下一页</a>

</div>

$(function(){

        //此demo通过Ajax加载分页元素
        var initPagination = function() {
            var num_entries = $("#hiddenresult div.main").length;
            // 创建分页
            $("#Pagination").pagination(num_entries, {
                num_edge_entries: 1, //边缘页数
                num_display_entries: 4, //主体页数
                callback: pageselectCallback,
                items_per_page: 3, //每页显示几项
                prev_text: "前一页",
                next_text: "后一页"
            });
        };

        function pageselectCallback(page_index, jq){

            var new_content = $("#hiddenresult div.main:eq("+page_index+")").clone();
            $("#Searchresult").empty().append(new_content); //装载对应分页的内容
            return false;
        }
        //ajax加载
        $("#hiddenresult").load("load.html", null, initPagination);
    });

---

可以看下这个demo: http://xiaodongzai.github.io/tf_pagination/