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">
答
这可能是你使用$(document).ready
展示的内容加载GIF和隐藏block_a。尝试把这个在CSS样式表在你的页面的顶部:
#block_a { display:none; }
这将立即隐藏块。
答
您正在隐藏ready
事件中的内容,该事件在加载整个文档时发生。此外,Internet Explorer没有任何DOMContentLoaded
事件,所以稍后会发生,因为jQuery必须使用readyStateChange
事件。
你应该隐藏使用CSS而不是内容,这样,它隐藏已当它进入所有脑干:
<style type="text/css">
#block_a { display: none; }
</style>
你仍然可以使用jQuery的show
方法来显示从load
事件的内容。
+0
这有效。谢谢! – eman
This Works。谢谢! – eman