将加载动画添加到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格式化标签中存在一些问题。再次添加了这些。