jQuery 1.7.1 height()停止工作

Question

我使用了jQuery 1.6.2，所以我可以获得<div id="drag-container">的宽度和高度，它工作得很好

但是当我改用jQuery 1.7.1时，我开始用IE (9.0)出问题了

在$(document).ready()函数中

$("#drag-container").height()返回0

网页会停止它的初始渲染5秒。

事实上，页面几乎完全呈现，除了(可能是)相同的<div id="drag-container">

这会是我的错吗？

我还在使用HTML5 Boilerplate和Twitter Bootstrap with Less

Answer 1

如果#drag-container元素中有图像，那么应该使用$(window).load() (，正如您在注释中正确更正的那样)，而不是.ready()。

这是因为一旦准备好操作DOM (实际的html)，就会触发ready事件，而一旦加载了页面的所有资产(包括图像等)，就会触发load事件。

因此，您的代码将在加载图像之前运行，因此它们的容器将不会获得其高度(这可能取决于其内容-图像。)