javascript - 在按钮提交上显示加载面板的问题

Question

HTML

<div style="display: none; vertical-align: middle;" id="imgdiv">
<img src="../Images/circular.gif" alt="" /></div>

jQuery

 $("#imgdiv").css('display', 'block'); 
 $("#imgdiv").fadeIn(500); 
 setTimeout(function () {
    $("#imgdiv").fadeIn(4000); 
  }, 3000);
 return true;

图标在 IE 中不旋转，背景不褪色。背景以灰色显示完全隐藏。旋转图像是静态的。但在所有其他浏览器中工作。任何想法？

Answer 1

试试这个，在 ie8 上工作

<div style="display: none; vertical-align: middle;" id="imgdiv">
<img src="../Images/circular.gif" alt="" /></div>
<script>

 //$("#imgdiv").css('display', 'block'); 
 $("#imgdiv").fadeIn(500); 
 setTimeout(function () {
    $("#imgdiv").fadeIn(4000); 
    return true;
  }, 3000);

</script>

IE 调试器上的错误是：return istruction is out of the function

我也不明白为什么你在显示块之后编码 2 个淡入淡出，如果显示是块状的，淡入淡出将不会启动..

编辑：检查这两个不同的例子

<div style="width:400px;height:400px;display: none; vertical-align: middle;background:url('http://eatingatoz.com/wp-content/uploads/2010/12/B.png') no-repeat" id="imgdiv2">
<img style="display:none;" id="img2" src="https://si0.twimg.com/profile_images/2919748222/193af07952fca7f5247da6cc1fe84a6d.jpeg" alt="" /></div>


<script>
 $("#imgdiv2").css('display', 'block'); 
 $("#img2").delay(2000).fadeIn(function(){$('#img2').fadeOut(3000)});
</script>

<div style="width:400px;height:400px;display: none; vertical-align: middle;background:url('http://eatingatoz.com/wp-content/uploads/2010/12/B.png') no-repeat" id="imgdiv">
<img id="img" src="https://si0.twimg.com/profile_images/2919748222/193af07952fca7f5247da6cc1fe84a6d.jpeg" alt="" /></div>


<script>
 //$("#imgdiv").css('display', 'block'); 
 $("#imgdiv").fadeIn(function(){$('#img').fadeOut(3000)}).delay(2000);
</script>