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

时间:2014-02-15 02:20:26

标签: jquery jquery-ui jquery-ui-dialog jquery-ui-autocomplete

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

请在此处查看:http://jsfiddle.net/zcgWa/

当前对话框溢出了选择框。 (单击选择框) 我通过删除jqueryUI样式overflow:hidden。

找到了解决方案
.ui-dialog {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0;
}

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

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

感谢。

1 个答案:

答案 0 :(得分:1)

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

.appendTo( this.wrapper )

到第30行(此后):

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

请参阅http://jsfiddle.net/nA5L2/1/