页面加载后jquery加载div答案

【问题标题】：jquery load div after page load页面加载后jquery加载div
【发布时间】：2011-03-14 17:09:59
【问题描述】：

实际上，我要加载的是首先加载页面，然后加载一个包含大量数据的 div。所以，我想先加载主页，然后使用 jQuery 函数加载正文 div 内容，但会有一些延迟。

实现这个的简单方法是什么..？

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

【问题讨论】：

标签： jquery html load

【解决方案1】：

$(document).ready(function(){

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

});

【讨论】：

#body div 需要延迟加载。如何添加
如果您愿意，您可以在上面设置一个计时器，但请记住，在整个初始页面加载完毕并且文档在客户端被视为“准备就绪”之前，它不会触发。
如何在加载外部页面之前禁用输入按钮..？

【解决方案2】：

速记版本：

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

如果你想在间隔后这样做

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

【讨论】：

【解决方案3】：

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

页面完全加载时调用ready函数。您可以在其中加载您的 div。

【讨论】：

【解决方案4】：

这就是我所做的：

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

效果很好;)

【讨论】：