分页系统

Question

即时寻找具有以下chraracteristics一个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

如果你能一点点更具体的了解你是什么不知道，这将是非常有帮助的一些很好的例子，但与你”上面给出了我，我想说你想从数据库中一次获得所有的信息（因为你不能使用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); 
} 

希望你要在其中是得到！

Answer 2

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/