如何獲取jquery-ui自動填充建議以顯示在頁面的其他位置？

Question

我有一個jquery-ui自動完成工作的textarea。我希望這些建議出現在textarea上方的固定高度區域，就像標題建議出現在stackoverflow上的標題框下方一樣。

我需要在我的頁面添加什麼內容，以及需要將哪些選項傳遞到自動完成功能，才能使其工作？

Answer 1

另一個想法是這樣的：

var searchbox = $('.ui-autocomplete'); // get autocomplete list 
$('.ui-autocomplete').remove(); // remove the original 
$('#mydiv').prepend(searchbox);  // prepend to your desire div 

然後，您應該覆蓋類ui-autocomplete，以適應自己的設計並刪除其實際行爲（改變其位置，大小，以及任何你想要的）。

請小心，因爲第一行刪除所有自動完成列表。快樂編碼！

Answer 2

，我發現它的工作要做....

$('#myInputSelector').autocomplete({ 
    .... 
    open: function(event, ui) { 
     $(".ui-autocomplete").appendTo("#search-results") 
     .css("width", "300px") 
     .css("height", "100px") 
     .css("position", "absolute") 
     .css("top", "0px") 
     .css("left", "0px"); 
    }, 
    ..... 
}); 

Answer 3

您可以只使用appendTo，像這樣

$('#the-textarea').autocomplete({ 
    ... 
    appendTo: $('#the-area-above-the-textarea'), 
    ... 
});