分页系统

Question

我正在寻找具有以下特性的pagin系统：

我会解析来自这样的数据库的数据，例如：

<ul>
<li>data extracted from db<li>
<li>data extracted from db<li>
<li>data extracted from db<li>
<li>data extracted from db<li>
<li>data extracted from db<li>
<li>data extracted from db<li>
</ul>

然后这个标记将被客户端用jquery来创建一个分页，所以这里没有ajax，我只调用db来填充和构建我的标记，然后我在客户端用jquery处理它。

任何人都知道如何做到这一点的一些很好的例子 tahnks

Answer 1

http://d-scribe.de/webtools/jquery-pagination/demo/demo_options.htm

http://tympanus.net/jPaginate/

http://www.script-tutorials.com/demos/35/index.html

http://web.enavu.com/demos/paginate/

Answer 2

如果您可以更具体地了解一下您不确定的内容，那将非常有帮助，但是根据您上面给我的内容，我会说您希望获得所有信息从数据库中立刻（因为你特别不能使用AJAX在分页时引入更多的数据库信息）。至于代码的分页部分，我使用gbirke的jQuery分页模块取得了巨大的成功。

https://github.com/gbirke/jquery_pagination#readme

- 编辑 -

想在这里发表您的意见。这个插件绝对可以用于DB和php。我假设您可以通过数据库中的PHP将您的上述评论带到页面上：

<ul>
<li>data extracted from db<li>
<li>data extracted from db<li>
<li>data extracted from db<li>
<li>data extracted from db<li>
<li>data extracted from db<li>
<li>data extracted from db<li>
</ul>

基本上，你只是隐藏ul级别的内容并给ul一个类。然后，您将使用jquery选择器从该列表中挑选出您需要的元素并克隆它们。例如，您希望您的分页回调具有以下内容：

$('.paged-content-area').empty();
for(var i = 0; i < items_per_page; i++) {
    var new_content = $('ul.hidden-content li:eq('+((page_index*items_per_page) + i)+')').clone();
    $('.paged-content-area').append(new_content);
}

希望能让你到达目的地！