Question

我有简单的javascript，显示和隐藏div与加载图像。在chrome（14）上，ti似乎工作正常，因为加载图像显示在每个页面刷新。但是，IE（9）和FF（7）仅显示第一页呼叫时的图像。在显示图像一次后，即使页面仍在加载内容，它也不再显示图像。

<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调用加载。

有什么建议吗？

Answer 1

尝试使用success或complete，但不能同时使用两者。所以complete需要看起来像这样：

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

我没有测试过，但我认为是对的。至少要尝试一下。

页面加载动画无法正确显示

1 个答案: