我已经使用以下HTML设置了一个jQuery UI组合框:
<select id="myDropdown" ></select>
和这个javascript:
function populateDropdown(data)
{
renderDropDown($("#myDropdown"), data, onDropdownChange, null);
}
和
function renderDropDown($control, items, callback, selectedCode) {
$control.find("option").remove();
$.each(items, function (i, item) {
$control.append((item.code === selectedCode ? OPTION_TEMPLATE_SELECTED : OPTION_TEMPLATE)(item));
});
$control.combobox().off("change").on("change", callback);
$(".ui-combobox-input ").off("keydown").on("keydown", disableBackspace);
}
在您打开下拉列表然后调整窗口大小之前,此操作非常正常。 下拉列表打开部分中的项目保持在屏幕上的位置,而浏览器会在其周围调整大小。
我已尝试连接到windows.resize事件并隐藏项目并删除下拉列表中的项目,但这样做并没有解决问题。