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>
如果用户单击标题,我的 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
这个 JQuery 插件怎么样?
名称为quickPager并从此处。
How about this JQuery Plugin ?
Name is quickPager and download from here.