Javascript 按钮提交时显示加载面板时出现问题

HTML

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

---

图标在IE中没有旋转，背景也没有褪色。背景显示为完全隐藏的灰色，旋转图像是静态的。但是在所有其他浏览器中工作。有什么想法吗？

试试这个，在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>

//$（“#imgdiv”）.css（'display'，'block'）；
美元（“#imgdiv”）。法代因（500）；
setTimeout（函数（）{
美元（“#imgdiv”）。法代因（4000）；
返回true；
}, 3000);

IE调试器上的错误为：返回指令不在函数中

我也不明白你为什么在一个显示块后编码了2个fadein，如果显示是块，fadein就不会启动

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

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

$（“#imgdiv2”）.css（'display'，'block'）；
$（'img2'）.delay（2000）.fadeIn（function（）{$（'img2'）.fadeOut（3000））；
//$（“#imgdiv”）.css（'display'，'block'）；
$（“#imgdiv”）.fadeIn（function（）{$（'#img'）.fadeOut（3000））.delay（2000）；

试试这个，在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>

//$（“#imgdiv”）.css（'display'，'block'）；
美元（“#imgdiv”）。法代因（500）；
setTimeout（函数（）{
美元（“#imgdiv”）。法代因（4000）；
返回true；
}, 3000);

IE调试器上的错误为：返回指令不在函数中

我也不明白你为什么在一个显示块后编码了2个fadein，如果显示是块，fadein就不会启动

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

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

$（“#imgdiv2”）.css（'display'，'block'）；
$（'img2'）.delay（2000）.fadeIn（function（）{$（'img2'）.fadeOut（3000））；
//$（“#imgdiv”）.css（'display'，'block'）；
$（“#imgdiv”）.fadeIn（function（）{$（'#img'）.fadeOut（3000））.delay（2000）；

您正在使用哪个版本的IE？它在其他浏览器中工作正常吗？你的问题和你的描述有点不同。是的，它在除IE之外的所有其他浏览器中都工作。什么背景？我看不到任何背景，你能试着在jsfiddle.net上建立一个例子吗？很难找出问题出在哪里，你使用的是哪个版本的IE？它在其他浏览器中工作正常吗？你的问题和你的描述有点不同。是的，它在除IE之外的所有其他浏览器中都工作。什么背景？我看不到任何背景，你能试着在jsfiddle.net上建立一个例子吗？很难找出问题出在哪里be@User我没有看到imgdiv的任何背景设置，而且，无论如何，在imgdiv的第一个fadeIn之后，什么都不会发生。检查我添加的代码，也许我理解您的需要。@用户我没有看到imgdiv的任何背景设置，而且，在imgdiv的第一个fadeIn之后，不会发生任何事情。检查我添加的代码，也许我理解你的需求。