我使用下面的选择菜单脚本来初始化选择菜单。
$("#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,因此生成的选择菜单在页面上不可见。
element.style {
left: -1052.5px;
position: relative;
top: -2206.05px;
z-index: 1;
}
以上样式已应用于 class .ui-selectmenu-menu
。因此,由于left
&top
定位,ui 下拉菜单在页面上不可见。
我的问题是关于定位。上面的样式是怎么产生的?