ページの読み込みアニメーションが正しく表示されない

イメージを読み込んでdivを表示および非表示にするシンプルなjavascriptがあります。 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呼び出しによって読み込まれています。

提案がありますか？

出典

2011-10-21 Daniel Kim

JSFiddleがあなたの主張をテストできますか？ –

はい、JavaScriptはどこですか？ – Sparky

JS、thxを追加しました –

successまたはcompleteのいずれかを使用してください。両方を使用しないでください。

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

私がいることをテストしていませんが、私はそれが正しいですと思う：だからcompleteはこのような何かを見てする必要があります。何か試してみてください。

出典

2011-10-21 18:54:35 Crontab

ページの読み込みアニメーションが正しく表示されない

答えて

関連する問題