IE无法识别JQuery内容加载

我正在使用JQuery脚本来加载，隐藏和显示页面上的内容，同时在页面上加载内容时用户可以看到gif文件。这适用于Safari和Firefox，但不适用于IE。用户可以看到加载的内容。IE无法识别JQuery内容加载

谢谢你有关如何解决这个问题的任何建议。

jQuery的：

<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>

含有GIF的DIV：

<div id="content-loading">

来源

2011-08-29 eman

这可能是你使用$(document).ready展示的内容加载GIF和隐藏block_a。尝试把这个在CSS样式表在你的页面的顶部：

#block_a { display:none; }

这将立即隐藏块。

来源

2011-08-29 14:56:24 Blazemonger

This Works。谢谢！ – eman

您正在隐藏ready事件中的内容，该事件在加载整个文档时发生。此外，Internet Explorer没有任何DOMContentLoaded事件，所以稍后会发生，因为jQuery必须使用readyStateChange事件。

你应该隐藏使用CSS而不是内容，这样，它隐藏已当它进入所有脑干：

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

你仍然可以使用jQuery的show方法来显示从load事件的内容。

来源

2011-08-29 14:58:32 Guffa

这有效。谢谢！ – eman

IE无法识别JQuery内容加载

回答

相关问题