Chrome与IE的jQuery问题 函数runComplete（）{ var$elem=$（document.getElementById（'quick_section'）； var center=“您的分数：“+document.getElementById（'quick_Score'）.innerHTML+”； $elem.html（“”+center+“”）； 可变高度=$elem.height（）+20； $elem.css（'height'，'1px'）； $elem.animate（{height:theight}）； }

在IE中，上面的代码运行得很好！在铬。。。嗯。。。没有那么多

它应该设置窗体的动画并使其“倒下”，而不是调整大小。我在代码的其他地方使用了一种非常类似的技术（相同的动画），在Chrome中运行得很好，这是唯一没有动画的东西。有什么想法吗

以下是测验的演示：

---

你应该调用

$elem.hide（）.slideDown（）

。

正如我在评论中所说，这就是我在这里发布的问题：）

border=

中包含了错误的内联样式，而不是

border:

---

顺便说一句，我创建了一个来玩它。

你知道你可以直接调用

$（“#quick_部分”）

来代替它（尽管你的内联CSS中有一个小错误，'border='而不是'border:'哦，谢谢：），这将有助于清理我的代码@KARASZI哇，这是一个我一直在处理的问题。IE显示了边框，但Chrome没有。谢谢：）在那里，我添加了一个项目链接。你能解释一下更改它的原因吗？我不确定你当前的代码到底出了什么问题；这相当混乱。然而，这应该是可行的。请展示一个演示。你能至少解释一下为什么我应该使用这个方法而不是我所说的方法吗：oIt更简单，而且它还可以动画边框和填充。在IE中效果很好，在Google Chrome中效果不太好。。。它确实解决了我必须添加填充值的问题：）

function runComplete() {
    var $elem=$(document.getElementById('quiz_section'));
    var center="<br /><h1>Your Score:</h1><h2>"+document.getElementById('quiz_score').innerHTML+"</h2><br /><br /><br /><a href='javascript:location.reload(true)'><h5>Try Again?</h5></a>";
    $elem.html('<form id="comp" style="width:33.333333%;height:1px;background-color:lightblue;border=1px solid #000000;pading:10px">'+center+'</form>');
    var theight=$elem.height()+20;
    $elem.css('height','1px');
    $elem.animate({height:theight});
}