Question

我正在使用JQuery脚本在页面上加载，隐藏和显示内容，其中gif文件在页面上加载内容时对用户可见。这适用于Safari和Firefox，但不适用于IE。用户可以看到内容加载。

感谢您提供有关如何解决此问题的任何建议。

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

Answer 1

可能是您正在使用$(document).ready来显示内容加载gif并隐藏block_a。尝试将其放在页面顶部的CSS样式表中：

#block_a { display:none; }

这将立即隐藏该块。

Answer 2

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

你应该使用CSS隐藏内容，这样当它存在时它就已经被隐藏了：

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

您仍然可以使用jQuery show方法显示load事件中的内容。

IE无法识别JQuery内容加载

2 个答案: