jquery - 向 jquery ajax .load() 添加加载动画

Question

我目前有这段代码，它非常简单

$('#window').load('http://mysite.com/mypage.php');

但它仅在完全加载后才显示内容，并且在此期间#windows 元素保持为空。我想在页面加载之前显示加载图像。我该怎么做呢？jquery 网站对此没有任何解释。 (据我所知)

Answer 1

首先创建一个loading div。

 <div id='loadingDiv'>
    Please wait...  <img src='path to your super fancy spinner' />
 </div> 

<小时/>

最初隐藏此 DIV，并附加代码以在 ajaxCall 启动时显示此 div，并在 ajax 调用完成时隐藏此 DIV。

$('#loadingDiv').hide().ajaxStart( function() {
$(this).show();  // show Loading Div
} ).ajaxStop ( function(){
$(this).hide(); // hide loading div
});

编辑
不久前，SO 格式标签存在一些问题。再次添加这些。