Javascript 页面加载动画未正确显示_Javascript_Jquery_Html_Cross Browser

Javascript 页面加载动画未正确显示

javascript jquery html

Javascript 页面加载动画未正确显示,javascript,jquery,html,cross-browser,Javascript,Jquery,Html,Cross Browser,我有一个简单的javascript，它通过加载图像来显示和隐藏div。在chrome14上，ti似乎工作正常，因为每次页面刷新时都会显示加载图像。但是，IE9和FF7仅在第一页调用时显示图像。显示一次图像后，即使页面仍在加载内容，也不再显示图像 <body> <div id="loadingDiv"> <div id="loadingImageDiv"> <p><img src="./imgs/loading_1

我有一个简单的javascript，它通过加载图像来显示和隐藏div。在chrome14上，ti似乎工作正常，因为每次页面刷新时都会显示加载图像。但是，IE9和FF7仅在第一页调用时显示图像。显示一次图像后，即使页面仍在加载内容，也不再显示图像

<body>

<div id="loadingDiv">
    <div id="loadingImageDiv">
        <p><img src="./imgs/loading_1.gif" /></p>
        <p><b>Please Wait</b></p>
    </div>
</div>
....

$(document).ready(function() {
    $("#loadingDiv").show();
    $.ajax({
        url: "some.json",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success:
              function(json) {
             $.each(json, function(i) {
            ....
            },
        complete: function() { $("#loadingDiv").hide(); }
   });
});

内容由jquery中的ajax调用加载

有什么建议吗？

尝试使用success或complete，但不能同时使用两者。因此，完整性需要如下所示：

complete: function(xhr, status) {
              switch(status) {
                  case "success":
                      $.each(xhr.responseText.parseJSON(), function(i) {
                          ....
                      };
                      break;
                  default:
                      break;
              }
              $("#loadingDiv").hide();
          }

我还没有测试过，但我认为它是对的。至少可以尝试一下。

有一个JSFIDLE可以测试您的声明吗？是的，JavaScript在哪里？