анимация загрузки страницы не отображается правильно - PullRequest
Новая
       0

анимация загрузки страницы не отображается правильно

0 голосов
/ 21 октября 2011

У меня есть простой 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(); }
   });
});

Контент загружается с помощью ajax-вызова в jquery.

Есть предложения?

1 Ответ

0 голосов
/ 21 октября 2011

Попробуйте использовать success или complete, но не оба одновременно. Так что complete должно выглядеть примерно так: 

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

Я не проверял это, но я думаю , что это правильно. По крайней мере, попробовать.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...