javascript - 在 jQuery 中获取新插入项目的高度

Question

我有以下代码将一些 HTML 插入到 DOM 中。 (_articleTitleDivTemplate 是一个 HTML 字符串，_previewPane 是我要插入项目的位置处的元素。)

var div = $(_articleTitleDivTemplate);
_previewPane.before(div);
alert(div.height());

在调试器中运行，我可以看到 div 正是我所期望的。插入的元素正确显示在页面上。一切似乎都工作正常，除了警报始终显示 0。

在网上搜索，似乎一旦我调用 before() ，它就应该有一个高度。如何获取新插入项目的高度？

注意:当此代码运行时，父元素将被隐藏(如果这有任何影响的话)。

Answer 1

当元素隐藏时，您无法获取高度。显示它，获取高度，然后隐藏它。

var div = $(_articleTitleDivTemplate);
_previewPane.before(div);
_previewPane.show();
alert(div.height());
_previewPane.hide();