页面加载后jquery加载div
问题描述:
其实我正在寻找加载的是加载页面,然后加载大量数据的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>
答
$(document).ready(function(){
$.get('ajax/page.php', function(data) {
$('#body').html(data);
});
});
答
$(document).ready(function() {
// Handler for .ready() called.
});
当页面完全加载就绪函数被调用。你可以加载你的div。
答
速记版本:
$(function(){
$("#body").html();
//...
});
如果你想要一个间隔
function load(){
$("div").html(...);
}
$(function(){
// Interval of 5 secs.
setInterval("load()",5000);
//http://www.w3schools.com/jsref/met_win_setinterval.asp
});
答
这之后做到这一点是我做了什么:
function newContent()
{
$("#navix").load("new1.php");
}
$(function(){
// Interval of 5 secs.
setInterval("newContent()",5000);
//http://www.w3schools.com/jsref/met_win_setinterval.asp
});
它的伟大工程; )
#body div需要加载一些延迟。如何添加 – Ravi 2011-03-14 17:14:39
如果您愿意,可以在其上放置一个计时器,但请记住,只有在整个初始页面已加载并且文档在客户端被视为“准备就绪”时才会触发。 – FatherStorm 2011-03-14 17:16:08
完美运作。 – Ravi 2011-03-14 17:26:57