獲取高度的多級下拉菜單

Question

我創建了一個多級下拉菜單。 當我嘗試在第2級獲得元素的高度時出現問題，但第1級工作正常。 為什么？

的jsfiddle

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

Answer 1

您需要使用可見性而不是顯示。 看到更新的小提琴

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

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