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