对话框内的 jquery 菜单不显示子菜单

Question

我在这样的 jquery 对话框中有一个带有子菜单的 jquery 菜单。

http://jsfiddle.net/pnmpn25/VPXjs/17/

$("#menu").menu();

$("#dlg").dialog();

我的问题是，当我打开子菜单时，它隐藏在 div 内部并出现滚动条。我想要发生的是子菜单与对话框重叠。我尝试设置 z-index，但无济于事(position:absolute)

这个问题很相似，但没有公认的答案。

Problem: Menu UL is always behind jquery dialog

有什么想法吗？

Answer 1

您需要做的就是将 overflow: visible 添加到 .ui-dialog 类并从 .ui-dialog .ui-dialog-content 中移除溢出。

.ui-dialog {
    overflow: visible
}

.ui-dialog .ui-dialog-content {
    overflow: inherit;
}

Updated example