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'),
    ...
});

如何才能将jquery-ui自动填充建议显示在页面的其他位置？

3 个答案: