使用 JavaScript 进行分页答案

【问题标题】：Pagination with JavaScript使用 JavaScript 进行分页
【发布时间】：2011-08-28 23:32:40
【问题描述】：

我的 html 代码里面有一些 <div class="post">。我想用 javascript 对它们进行分页。我怎样才能做到这一点？（我知道我可以用 PHP 做，但我只想用 JS 做）

我的php生成的html是这样的：

    <body>
<div id="content">
<div class="post">
post content
</div>
<div class="post">
</div>
...

</div>

</body>

也许最好使用jquery？（我正在使用 jquery ajax 将 html 加载到内容中）

【问题讨论】：

你的意思是隐藏一些帖子吗？如果您在 JS 中分页，您将加载所有帖子，或者您需要 AJAX 并调用执行分页服务器端的 PHP
重点是我希望加载所有帖子，并且只在 javascript 中对它们进行分页
然后你可以在 JQuery 中使用诸如 acordeon 或 tabs 插件之类的东西，例如使用标签来显示帖子的“页面”。 flowplayer.org/tools/demos/tabs/accordion.html

【解决方案1】：

Good jQuery pagination plugin to use with JSON data

【讨论】：

你能在这里举例说明如何使用这个插件吗？
~ 这个网站不是 StackExchangeOfLinks.com，这是 StackOverflow，我们实际上试图帮助人们。当该网站不存在而您的答案存在时，三年后会发生什么？它对人们根本没有帮助。
提问的地方和引用的网站是一样的，重复的问题就是这个，别说多少次了......
那就不要回答问题了。要么花时间好好回答，要么根本不回答。

【解决方案2】：

我会首先得到项目的数量。例如，如果您有 10 个，则循环并为每个创建 <div>s。 [1][2][3]...然后，当您单击寻呼机<div> 时，获取值并请求该特定项目，例如$("#ct").load("/posts?id=5");

【讨论】：

【解决方案3】：

是的，有一个很好用的 jquery 插件 https://github.com/gbirke/jquery_pagination

【讨论】：

你能在这里举例说明如何使用这个插件吗？
这个链接提供了一个很好的例子来说明如何使用它。您只需要使用页码设置回调，以及要在数组中分页的数据
~ 这个网站不是 StackExchangeOfLinks.com，这是 StackOverflow，我们实际上试图帮助人们。当该网站不存在而您的答案存在时，三年后会发生什么？它对人们根本没有帮助。
很遗憾您没有解释如何使用它。但这就是我用来解决问题的方法，所以我给出一个观点并选择了“最佳”选项。

【解决方案4】：

是的，使用 jQuery 模拟分页是一项有效的任务。你可以很容易地使用jQuery(selector).hide().slice(start,end).show() 模式来做你想做的事。然后你必须管理代码中的开始和结束，但这应该很容易。

【讨论】：

【解决方案5】：

您可以使用 Pagino。非常简单https://github.com/pagino/pagino-js

【讨论】：