使用 JavaScript 进行分页

发布于 2024-11-08 09:12:34 字数 428 浏览 0 评论 0原文

我有 html 代码,里面有一些

。我想用 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 加载到内容中)

I have html code that have some <div class="post"> inside. I want to paginate them with javascript. How can I do that? (I know I can do it by PHP but I just want to do it with JS)

the html generated by my php looks like that:

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

</div>

</body>

Maybe it will be the best to use jquery for that? (I'm using jquery ajax to load html into content allready)

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

扫码二维码加入Web技术交流群

发布评论

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

评论(5

り繁华旳梦境 2024-11-15 09:33:21

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

You can use Pagino. It's very easy and simple https://github.com/pagino/pagino-js

烟柳画桥 2024-11-15 09:31:12

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

Yes, using jQuery to simulate pagination is a valid task. You could easily use the jQuery(selector).hide().slice(start,end).show() pattern to do what you want. Then you have to manage the start and end in your code, but that should be easy enough.

平生欢 2024-11-15 09:26:11

我首先会得到物品的数量。例如,如果有 10 个,则循环并为每个创建

。 [1][2][3]...然后,当您单击寻呼机

时,获取值并请求特定项目,例如 $("#ct ").load("/posts?id=5");

I would first get the count of items. For example, if you have 10, loop through and create <div>s for each. [1][2][3]... Then, when you click on a pager <div>, get the value and request that specific item such as $("#ct").load("/posts?id=5");

眼眸里的快感 2024-11-15 09:23:20

是的,有一个 jquery 插件可以很好地工作
https://github.com/gbirke/jquery_pagination

yea there is a jquery plugin that works nicely
https://github.com/gbirke/jquery_pagination

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文