Question

让我们说例如：

for($a=0;$a<100;$a++){
    echo '<div class="post">';
    //content here
    echo '</div>';
}

如何让它首先显示前10个帖子，然后显示一个按钮，以便在到达底部页面时查看更多帖子：

I found this one但是如果我能摆脱它的话，它正在使用mysql。

Answer 1

您还可以使用无限滚动脚本。我最近使用了以下jQuery插件：jQuery Infinite Ajax Scroll。基本上，您对内容进行分页，并在每个页面上为下一批内容提供“下一步”按钮。该脚本将隐藏下一个按钮，并在您向下滚动时从每个“下一个”页面加载内容。唯一的缺点是您需要在第一页上提供足够的内容以使页面可滚动。

Answer 2

如果您始终拥有页面中的数据，并且只想逐步显示更多内容，例如

$('.post').hide();
$('#more').click(function(){
    $('.post').filter(':hidden').slice(0,9).show();
});

假设您的show-more按钮为id="more"。 MySQL解决方案涉及逐步向页面添加内容，而不仅仅是显示始终存在的内容。

Answer 3

您是否尝试过为循环设置偏移量并在单击按钮时更改偏移量？

即

for($a=0; $a < 10; $a++){
 //Do something here
}

然后执行一些脚本，以便在单击按钮时，接下来触发的循环是

for($a=10; $a < 20; $a++){
 //Do something here
}

然后继续增加偏移量。（减少后退/上一步按钮的偏移量）

无限滚动for循环块

3 个答案: