IE가 JQuery 콘텐츠 로딩을 인식하지 못합니다.

Question

JQuery 스크립트를 사용하여 페이지에 콘텐츠가로드되는 동안 사용자가 볼 수있는 gif 파일로 페이지의 콘텐츠를로드, 숨기기 및 표시합니다. Safari와 Firefox에서는 작동하지만 IE에서는 작동하지 않습니다. 사용자는 컨텐츠 로딩을 볼 수 있습니다.

이 문제를 해결하는 방법에 대한 제안을 보내 주셔서 감사합니다.

JQuery와

: GIF를 포함

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
     $("#content-loading").show(); 
$("#block_a").hide(); 
    $(window).load(function() { 
    $("#block_a").show(); 
    $("#content-loading").hide(); 
    }) 
}) 
</script> 

사업부 :

<div id="content-loading"> 

Answer 1

그것은 당신이 컨텐츠 로딩 GIF를 표시하고 block_a를 숨길 $(document).ready을 사용하고 있는지 수 있습니다. 페이지의 상단에 CSS 스타일 시트이 퍼팅보십시오 : 즉시 블록을 숨길

#block_a { display:none; }

합니다.

Answer 2

전체 문서를로드 할 때 발생하는 ready 이벤트의 내용을 숨기고 있습니다. 또한 Internet Explorer에는 DOMContentLoaded 이벤트가 없으므로 jQuery가 readyStateChange 이벤트를 대신 사용해야하므로 약간 나중에 발생합니다.

<style type="text/css"> 
#block_a { display: none; } 
</style> 

당신은 여전히 ​​load 이벤트에서 콘텐츠를 보여주기 위해 jQuery를 show 방법을 사용할 수 있습니다 :

당신은, 그것이 실존에 와서 이미 때 숨겨진 그런 식으로 대신 CSS를 사용하여 콘텐츠를 숨겨야합니다.