Question

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

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

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

Answer 1

$(document).ready(function(){

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

});

Answer 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
});

Answer 3

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

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

Answer 4

这就是我所做的：

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

效果很好;）

页面加载后jquery加载div

4 个答案: