2011-03-14 120 views
2

其實我正在尋找加載的是加載頁面,然後加載大量數據的div。所以,我想首先加載主頁面,然後使用jQuery函數加載body div內容,延遲一些。頁面加載後jquery加載div

這是什麼簡單的方法來實現?

<div id="container"> 
     <div id="header">navigation</div> 
     <div id="body" class="body">Body</div> 
     <div id="footer">footer</div> 
</div> 

回答

7
$(document).ready(function(){ 

    $.get('ajax/page.php', function(data) { 
    $('#body').html(data); 
    }); 

}); 
+0

#body div需要加載一些延遲。如何添加 – Ravi 2011-03-14 17:14:39

+0

如果您願意,可以在其上放置一個計時器,但請記住,只有在整個初始頁面已加載並且文檔在客戶端被視爲「準備就緒」時纔會觸發。 – FatherStorm 2011-03-14 17:16:08

+0

完美運作。 – Ravi 2011-03-14 17:26:57

0
$(document).ready(function() { 
    // Handler for .ready() called. 
}); 

當頁面完全加載就緒函數被調用。你可以加載你的div。

3

速記版本:

$(function(){ 
$("#body").html(); 
//... 
}); 

如果你想要一個間隔

function load(){ 
$("div").html(...); 
} 
$(function(){ 
    // Interval of 5 secs. 
    setInterval("load()",5000); 
    //http://www.w3schools.com/jsref/met_win_setinterval.asp 
}); 
0

這之後做到這一點是我做了什麼:

function newContent() 
{ 
    $("#navix").load("new1.php"); 
} 
$(function(){ 
    // Interval of 5 secs. 
    setInterval("newContent()",5000); 
    //http://www.w3schools.com/jsref/met_win_setinterval.asp 
}); 

它的偉大工程; )