带有自动完成选择框的 Jquery UI 对话框答案

【问题标题】：Jquery UI dialog with autocomplete select box带有自动完成选择框的 Jquery UI 对话框
【发布时间】：2014-02-20 23:35:47
【问题描述】：

我需要在 jqueryUI 对话框中实现自动完成选择框。

当前对话框溢出选择框。（单击选择框）我通过删除 jqueryUI 样式溢出找到了解决方案：隐藏。

.ui-dialog {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0;
}

但是溢出是默认自带的原生对话框样式，这就是为什么我认为它不是完美的解决方案。我在整个项目中还有许多其他对话框弹出窗口，删除 oveflow 可能会导致其中一些无法正常工作。

还有其他更好的解决方案吗？

谢谢。

【问题讨论】：

【解决方案1】：

我设法通过在创建自动完成和工具提示后将代表下拉列表的<input> 附加到包装器来解决此问题。即移动 JS Fiddle 的第 18 行

.appendTo( this.wrapper )

到第 30 行（在此之后）：

.tooltip({
    tooltipClass: "ui-state-highlight"
})
.appendTo( this.wrapper );

【讨论】：