分页显示页面加载上的完整列表
分页显示页面加载上的完整列表
提问于 2016-02-22 03:04:26
我已经采取了我的项目，并有一个样本，它的代码。http://codepen.io/anon/pen/RrzjGK
(不要担心API密钥，我稍后会重新设置)
我有一个从外部源提取的数据集，并使用jquery来提取JSON并在页面上显示结果。
我试图使用分页来显示比页面通常允许的更多的结果。但我遇到的问题是，在初始页面加载时，分页功能不正常，正在显示完整的数据集。一旦您开始使用按钮进行排序，分页就会正常工作。
是否有一种方法可以在加载时运行分页脚本，以便它只强制显示前9项？
为了发布，这里是我正在使用的分页js。
pageSize = 9;
showPage = function(page) {
$(".result-item").hide();
$(".result-item").each(function(n) {
if (n >= pageSize * (page - 1) && n < pageSize * page)
$(this).show();
});
}
showPage(1);
$("#pagination li a").click(function() {
$("#pagination li a").removeClass("current");
$(this).addClass("current");
showPage(parseInt($(this).text()))
});谢谢。
回答 2
Stack Overflow用户
回答已采纳
发布于 2016-02-22 03:18:15
只需将showPage(1)移动到getJSON回调-> 码页
您应该首先使列表项不可见，以减少“眨眼”。
Stack Overflow用户
发布于 2016-02-22 03:28:30
准备好文档中的showPage(1);。
$(document).ready(function() {
showPage(1);
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35545157
复制相关文章
相似问题
腾讯云开发者
