2011-11-06 248 views
0

对于我的大学项目,我们正在制作音乐下载网站。动态加载网页内容

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

我所有的做我自己等你能够给我链接到某种教程等按钮

尽管到目前为止,我仍然在课堂上使用表格,甚至没有使用CSS,所以我们还是会赞赏任何帮助,因为我们将在某些时候学习JQuery,但到目前为止我对它的了解很少

有问题的网站可以在这里找到:http://www.ryanholder.co.uk/project

在此先感谢!

+1

以此开始:http://api.jquery.com/load/ – bjudson

回答

0

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

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

通过检查scrollTop的值就可以判断滚动条是否已经接近底部或没有达到。如果到达,请发送一个AJAX请求到服务器以获取更多内容并将其附加到该页面。