2011-11-06 333 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請求到服務器以獲取更多內容並將其附加到該頁面。