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()。

Answer 2

正如我在评论中所说的，它出现了问题，我在这里发布：）

border=代替border:

包含错误的内联样式

顺便说一下。我创建了一个jsfiddle来玩它。

Chrome与IE的jQuery问题

2 个答案: