Question

当我创建这样的元素时：

var a = $('<div></div>').text('foo');
var b = $('<div></div>').css('margin-bottom', '16px').text('bar');

console.log(a.height());      // Returns 0.
console.log(a.innerHeight()); // Returns 0.
console.log(a.outerHeight()); // Returns 0.

console.log(b.height());      // Returns 0.
console.log(b.innerHeight()); // Returns 0.
console.log(b.outerHeight()); // Returns 0.

然后，在将它们附加到DOM之前如何获得当前的高度？

Answer 1

你不能。

除非它是DOM的一部分，否则无法获得任何元素的高度。作为一种解决方法，您可以附加元素并将其设置为远离屏幕显示，例如left: -9999px，然后在将其移动到所需位置或移除之前抓取其尺寸。

获取jQuery创建元素的高度

1 个答案: