Chrome 与 IE 的 jQuery 问题

Question

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});
}

在 IE 中，上面的代码运行得很好!在 Chrome 中……呃……没那么多。

它应该为表单设置动画并使其“掉落”，而不是调整它的大小。我在我的代码的其他地方使用了一种非常相似的技术(相同的动画)，它在 Chrome 中运行得很好，这是唯一没有动画的东西。有什么想法吗？

这是测验的演示:

http://dalexl.tripod.com/HTMLQUIZ.htm

Answer 1

您应该改为调用 $elem.hide().slideDown()。