Javascript 在IE中等待服务器端代码时加载动画

我试图在用户等待服务器调用时显示加载动画。为此，我尝试用JQuery显示一个div，但它只在Firefox中有效（不在IE或Chrome中）

现在，BigSlowFuncCall只有一个c#

系统.Threading.Thread.Sleep（10000）

JAVASCRIPT

function showloading() {
  $('#content').hide();
  $('#siteLoader').show();
}

function hideloading() {
  $('#content').show();
  $('#siteLoader').hide();
}

function CheckFields() {
   showloading();

   var jsHandler = new JsonHandler();
   jsHandler.BigSlowFuncCall();

   hideloading();
}

HTML


赞成，赞成

/*东西*/



这在Firefox上的效果与预期一样（隐藏内容，显示加载动画，10秒后隐藏加载动画），但在IE中，它仅显示我是否退出
hideloading（）
函数以及是否退出CheckFields函数

这么简单的代码怎么能在Firefox上正常工作，而在IE上却不行

编辑：
我看到，如果我在
showloading（）
之后添加
alert（）
，它将非常有效。所以，我搜索并找到了这个：。我试过了，但也没用。
可能对你有帮助

function checkFileds()
{
    var overlay = jQuery('<div id="overlay" align="center"><img src="images/preloader_bajaj.gif" width="125" height="125"  style="margin-top:300px" /> </div>');
    overlay.appendTo(document.body)

.......your code.......

}

函数checkFileds（）
{
var overlay=jQuery（“”）；
overlay.appendTo（document.body）
……您的代码。。。。。。。
}
你遗漏了什么吗？隐藏函数中缺少$符号。IE对这种错误非常敏感。更正代码并试用。
我在将代码复制到帖子时引入了该错误。但是谢谢。但是我怎样才能隐藏内容呢？document.getElementById（“overlay”）.style.display=“无”；我指的是在等待流程完成时必须隐藏的内容div。我无法删除它，因为我可能必须再次显示它；不会删除它，…如果您想再次显示它，那么您可以使用document.getElementById（“overlay”）.style.display=“block”；我已经尝试使用display属性来隐藏或显示div，但也不起作用。
function checkFileds()
{
    var overlay = jQuery('<div id="overlay" align="center"><img src="images/preloader_bajaj.gif" width="125" height="125"  style="margin-top:300px" /> </div>');
    overlay.appendTo(document.body)

.......your code.......

}