2014-10-30 141 views
4

嗨jQuery UI的selectmenu我試圖添加一個模態對話框內selectmenu但很多選項是隱藏的,我不能按他們內模態對話框

這裏的例子

http://jsfiddle.net/4dd62ukv/1/

<label for="month">Month</label> 
<select name="month" id="month"> 
<option value="0">January</option> 
<option value="1">February</option> 
<option value="2">March</option> 
<option value="3">April</option> 
<option value="4">May</option> 
<option value="5">June</option> 
<option value="6">July</option> 
<option value="7">August</option> 
<option value="8">September</option> 
<option value="9">October</option> 
<option value="10">November</option> 
<option value="11">December</option> 
</select> 

有什麼想法?謝謝!

回答

2

你也可以試試這個:

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

對於JUI 1.11

2

我發現下面的解決方案。它爲我工作。

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

這對我的問題有效:我有一個selectmenu引導模式,並且下拉總是在它後面。我將z-index設置爲1060,因爲模式被定義爲具有1050的z-索引。謝謝! – 2016-08-25 20:37:29

0

您可以通過使用selectmenu「appendTo」的屬性來解決此問題。 您只需提供想要使選擇菜單可見的分部的id/class。

-1

您不必更改任何「z-index」或「overflow」屬性以顯示selectmenu權限。

如果你想在對話框中選擇菜單,首先打開對話框,打開對話框後創建選擇菜單。

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