.height() 在 WebKit 中不起作用答案

【问题标题】：.height() doesn't work in WebKit.height() 在 WebKit 中不起作用
【发布时间】：2013-06-03 13:01:29
【问题描述】：

我的代码应该获取 div 中多个项目的高度。它在 Firefox 中就像一个魅力，但在 WebKit 中没有 height()。

for (var i = 0; i < items.length; i++) {
  var item = items[i];
  var itemHeight;
  var itemWidth;
  var imageItem = $($(item).find('.teaser_image'));

  itemWidth = imageItem.width();

  if (itemWidth > this.imageWidth()) {
    imageItem.width(this.imageWidth());
  }

  // TODO: Height-thingy works in Firefox but not in WebKit.
  itemHeight = imageItem.height();

}

奇怪的是 imageItem 对象在 WebKit 和 Firefox 中是正确的。但是如果我在上面使用.height()，它在WebKit中是0。使用的jQuery版本是1.7.2，不能更改。

【问题讨论】：

试试这个itemHeight = parseInt(imageItem.css('height'));
确保您的图片已加载
如果您的代码包含在“$(document).ready(...)”中，您可能会得到这个。这将与 "$(window).load(...)" 一起防弹
可能是相关问题：image height using jquery in chrome problem
Juuro 尝试 var imageItem = $(item).find('.teaser_image');

标签： javascript jquery dom

【解决方案1】：

这对我有用http://jsfiddle.net/z6bYp/1/

<script>
var imageItem = $('.teaser_image');
alert(imageItem.height());
</script>

定义imageItem的时候一定要找东西，使用调试器

for (var i = 0; i < items.length; i++) {

  var imageItem = $($(item).find('.teaser_image'));

【讨论】：