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

发布于 2024-12-11 12:21:03 字数 834 浏览 0 评论 0原文

我有简单的 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 调用加载的。

有什么建议吗？

原文

I have simple javascript which shows and hides div with loading image.
On chrome(14), ti seems working fine since the loading image shows up at every page refresh.
However, IE(9) and FF(7) show the image at first page call only. After it displays the image once, it is not showing the image anymore even though the page still loading content.

<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(); }
   });
});

The content is being loaded by ajax call in jquery.

Any suggestions?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

春风十里 2024-12-18 12:21:03

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

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

我还没有测试过，但我认为这是正确的。至少要尝试一些东西。

Try using either success or complete but not both. So complete would need to look something like this:

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

I haven't tested that, but I think it's right. Something to try, at least.

回复收藏 0 原文

~没有更多了~