Javascript 在jquery中执行load时显示div

Javascript 在jquery中执行load时显示div,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我试图显示一个表明页面正在加载的div,对于加载,我使用jquery加载事件,但是,加载div始终保持在页面上,并且没有隐藏的结束加载,我的代码如下: $("#mydiv").fadeIn("fast"); $('#page').load('myphp.php', { 'data': id },function(){ $("#mydiv").fadeOut("fast"); }); 当文档

我试图显示一个表明页面正在加载的div,对于加载,我使用jquery加载事件,但是,加载div始终保持在页面上,并且没有隐藏的结束加载,我的代码如下:

$("#mydiv").fadeIn("fast");
                $('#page').load('myphp.php', { 'data': id },function(){
                     $("#mydiv").fadeOut("fast");
                });

当文档通过完成加载时,隐藏
div

$(document).ready(function() {
        $("#mydiv").fadeOut("fast");
    });
(将此代码放在标题中剩余的JS之后),例如

  • HTML标题
  • JS/jQuery
  • 这个^
  • CSS链接
  • HTML正文内容
  • 您可以使用
    $('#page').ajaxStart(回调)
    $('#page').ajaxStop(回调)。
    看这里: