jquery ui Selectmenu的位置答案

【问题标题】：Position of jquery ui Selectmenujquery ui Selectmenu的位置
【发布时间】：2023-04-10 01:16:01
【问题描述】：

我使用下面的选择菜单脚本来初始化选择菜单。

$("#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;
}

以上样式已应用于.ui-selectmenu-menu 类。因此，由于left & top 定位，页面上看不到ui 下拉菜单。

我的问题是关于定位。上面的样式是怎么生成的？

【问题讨论】：

标签： jquery-ui select-menu jquery-ui-selectmenu

【解决方案1】：

您使用的是哪个版本的选择菜单？工作示例还是 jsFiddle？

在最新版本中，定位由 jQuery UI Position Plugin 完成。早期（已弃用）版本使用内置功能。

您是否包含所有需要的文件和 CSS？

【讨论】：