动态加载网页内容

时间:2011-11-06 18:52:13

标签: javascript jquery html dynamic project

对于我的大学项目,我们正在制作一个音乐下载网站。

在我将要显示音乐的页面上。 (可以通过单击主页上的iStore按钮找到)我想在这些行上显示前100或其他内容。并且在前5个左右的底部有一个加载另一个5的按钮。

我完全是为了做我自己等等。你能把我链接到某种教程等。

虽然到目前为止,我已经领先于他们仍在使用表格而且还没有使用CSS,所以任何帮助都会受到赞赏,因为我们将在某些时候学习JQuery,但到目前为止我对它的了解很少

可以在此处找到相关网站:http://www.ryanholder.co.uk/project

1 个答案:

答案 0 :(得分:0)

您可以在向下滚动时删除按钮并添加更多内容:

$(document).ready(function() {
  $("#content").scroll(function(){
    if($("#content").scrollTop() >= ($("#content-wrapper").height() - $("#content").height()))
    {
        $.get("url", function(data){
            $("#content").append(data);
        });
    }
  })
});

通过检查scrollTop值,您可以确定滚动条是否已接近底部。如果到达,则向服务器发送AJAX请求以获取更多内容并将其附加到页面。