Javascript Jquery用户界面模式对话框内的selectmenu

您好，我正在尝试在模式对话框中添加selectmenu，但许多选项被隐藏，我无法单击它们

下面是一个例子

月份
一月
二月
前进
四月
也许
六月
七月
八月
九月
十月
十一月
十二月

有什么想法吗？谢谢

.ui-dialog {overflow: visible;}

您也可以尝试以下方法：

div.ui-selectmenu-open {
    position: absolute;
    z-index: 65535;
}

---

对于JUI 1.11，我找到了以下解决方案。这对我有用

.ui-front{z-index:0 !important; } 
.ui-selectmenu-open {z-index:9999 !important;}

---

您可以使用selectmenu“appendTo”的属性来解决此问题。

---

您只需提供希望selectmenu可见的分区的id/类别。

您无需更改任何“z索引”或“溢出”属性即可显示selectmenu right

如果要在对话框中创建selectmenu，请先打开对话框，然后在对话框打开后创建selectmenu

$("idOfDialog").on("dialogopen", function(e, ui){
    $('idOfSelectMenu').selectmenu();
}

---

这对我的问题起到了作用：我有一个带selectmenu的引导模式，下拉菜单总是在它后面。我将z-index设置为1060，因为模态的z-index定义为1050。谢谢这一个只在第一次打开时有效：对话框的z索引将在关闭selectmenu后立即更新为您为selectmenu+1设置的任何值。我不知道为什么会被否决，但这绝对是我的解决方案

$("idOfDialog").on("dialogopen", function(e, ui){
    $('idOfSelectMenu').selectmenu();
}