Jquery 超大菜单和同等高度的div

我一直在制作一个超大菜单，除了一个设计问题外，它功能齐全

我需要用放置在另一个包装器中的文本来增加子菜单包装器div

目前，我的子菜单文本显示在容器外

及

外部

div class=dropdown

nested

div class=dd面板

在小提琴示例
菜单一>子菜单二中
文本显示在div外，带有class
下拉菜单
包装器。我希望它能随着嵌套元素的增长而增长

我尝试更改属性，但没有任何效果。我可能在某个地方做错了什么

我们需要用jquery还是可以用css来实现这一点。
As，
位置：从正常流程中删除绝对的
元素，以计算其他元素（同级、父级）的宽度和高度

您的问题是您的
.dd面板
元素使用此属性放置，并且不会根据其
下拉列表
父元素的高度计算

我没有看到一个纯粹的css解决方案。我将向

$(".dropdown ul li").mouseenter()

回调以计算
ul
的高度、显示的
.dd面板的高度，并将
.dropdown
的高度设置为这两个面板的最大值

[编辑]由于某些原因，我没有确定，
.dd面板
元素在使用
$（）.height（）时不会返回其真实高度。使用小提琴，您可以从
.media caption
节点获得“正确”的高度



代码上的注释：而不是

$(".dropdown ul li").each(function()
     $(this).mouseenter(function(){ ...

你可以简单地写：

$(".dropdown ul li").mouseenter(function(){ ...

或使用事件委派：

$(".dopdown").on("mouseenter", "ul li", function(){ ...

检查此项我已将填充底部添加到您的.dd面板类中
我尝试了
$（“.dropdown ul li”）.hover（函数（）{var aaaaa=$（“.dd panel span”）.height（）；alert（aaaaaaa）；//$（this.css（“height”，aaaaaaa）；$（this）（“.dd panel”）.css（{“height”：aaaaaaaaaa}）但它不起作用。请您在小提琴上显示它。谢谢，感谢您的帮助。它在你的小提琴上工作，我将实现它，看看它是否在实际代码上工作。你能把一个MS画作或链接放在一起，描述你希望它在正确运行时的样子吗？