與自動完成選擇框的JQuery UI對話框

Question

我需要在jqueryUI對話框內實現自動完成選擇框。

見這裏：http://jsfiddle.net/zcgWa/

目前對話框四溢的選擇框。 （點擊選擇框） 我找到了一個解決方案，通過刪除jqueryUI樣式溢出：隱藏。

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

但是，溢出是默認來的原生對話框樣式，這就是爲什麼我認爲它不是完美的解決方案。我還有許多其他對話框彈出項目，並刪除oveflow可能會導致其中一些不能正常工作。

還有其他更好的解決方案嗎？

謝謝。

Answer 1

我設法通過在創建自動完成和工具提示之後附加<input>來表示下拉菜單來解決這個問題。您的JS小提琴的即移動線18

.appendTo(this.wrapper) 

到線路30（在此之後）：

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

參見http://jsfiddle.net/nA5L2/1/