jQuery - 动态内容分页

发布于 2024-10-02 05:59:07 字数 645 浏览 0 评论 0原文

<style type="text/css">
.model {
  display: none;
}
.header {
  cursor: pointer;
}
</style>
<div class="model">item <span>1</span></div>
<div class="header">Add an item</div>
<div class="itemlist">
  <div>item <span>1</span></div>
  <div>item <span>2</span></div>
  <div>item <span>3</span></div>
</div>

如果用户单击标题,我的 JavaScript 会克隆 .model 并在前面加上 .itemlist
我想对这个动态 .itemlist 进行分页(不需要 ajax),例如每页 10 个项目。
我尝试了 2 或 3 个 jquery 插件,但找不到一个使用动态列表管理分页的插件。

<style type="text/css">
.model {
  display: none;
}
.header {
  cursor: pointer;
}
</style>
<div class="model">item <span>1</span></div>
<div class="header">Add an item</div>
<div class="itemlist">
  <div>item <span>1</span></div>
  <div>item <span>2</span></div>
  <div>item <span>3</span></div>
</div>

If the user clicks on the header, my javascript clones .model and prepends .itemlist with it.
I would like to paginate (no need for ajax) this dynamic .itemlist with for example 10 items per page.
I tried 2 or 3 jquery plugins but I can't find one that manages the pagination with a dynamic list.

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

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

发布评论

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

评论(1

只想待在家 2024-10-09 05:59:07

这个 JQuery 插件怎么样?
名称为quickPager并从此处

How about this JQuery Plugin ?
Name is quickPager and download from here.

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