頁面加載動畫顯示不正確

我有簡單的JavaScript顯示和隱藏與加載圖像的div。在鉻（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調用加載。

有什麼建議嗎？

來源

2011-10-21 Daniel Kim

有一個JSFiddle我們可以測試你的聲明？ –

是的，JavaScript在哪裏？ – Sparky

我已經添加JS，thx –

嘗試使用success或complete但不能同時使用兩者。所以complete需要看起來像這樣：

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

我沒有測試過，但我覺得它是正確的。至少要嘗試一些東西。

來源

2011-10-21 18:54:35 Crontab

頁面加載動畫顯示不正確

回答

相關問題