2011-03-14 198 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 
}); 

它的伟大工程; )