以下のselectmenuスクリプトを使用して、selectmenuを初期化しました。
$("#year").selectmenu({style:'dropdown',maxHeight:400});
HTML コード:
<select name="year" class="bubble year" id="year">
<option value="">Year</option>
<option value="">2000</option>
<option value="">2001</option>
</select>
UI Selectmenu が生成され、html の下部に配置されます。要件によっては問題ありませんが、自動生成された Div に以下のスタイルが適用されているため、この生成された selectmenu はページに表示されません。
element.style {
left: -1052.5px;
position: relative;
top: -2206.05px;
z-index: 1;
}
上記のスタイルが class に適用されました.ui-selectmenu-menu
。そのため、left
&top
の配置により、UI ドロップダウンがページに表示されません。
私の質問はポジショニングについてです。上記のスタイルはどのように生成されますか?