Question

我已经完成了我的项目并在codepen上有一个样本。 http://codepen.io/anon/pen/RrzjGK

（不要担心API密钥，我稍后会重置它）

我有一个数据集，我从外部源提取并使用jquery来拉取JSON并在页面上显示结果。

我正在尝试使用分页来显示比页面通常允许的更多结果。但我遇到的问题是，在初始页面加载时，分页功能不正常并显示完整的数据集。一旦你开始使用按钮进行排序，分页就可以了。

有没有办法可以在加载时运行分页脚本，所以它强制只显示前9项？

为了发布，这里是我正在使用的分页j。

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())) 
});

感谢。

Answer 1

将showPage(1)移至getJSON回调 - ＆gt; codepen

您应首先使列表项不可见以减少“闪烁”

Answer 2

将showPage(1);包装在文件准备就绪中。

$(document).ready(function() {
    showPage(1);
});

分页显示页面加载的完整列表

2 个答案: