javascript - 获取多级下拉菜单的高度

Question

我创建了一个多级下拉菜单。当我尝试获取时出现问题2 级元素的高度，但 1 级工作正常。为什么？

jsFiddle

alert($('ul.sub-1').outerHeight()); // --> 240
alert($('ul.sub-2').outerHeight()); // --> 0

Answer 1

您需要使用可见性而不是显示。见updated fiddle

ul.sub-menu {
position: absolute;
visibility: hidden;

li:hover > .sub-menu {
visibility: visible; 
}