如何获取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'), 
    ... 
});