Question

我想在另一个自动调整的（高度）div中获得自动完成结果。

这是我的代码：

var availableTags = [
        "ActionScript",
        "AppleScript",
        "Asp",
        "BASIC",
        "C",
        "C++"
    ];
    $( "#search" ).autocomplete({
        source: availableTags,
        open: function(event, ui) {
          $('ul.ui-autocomplete').removeAttr('style').hide().appendTo('.searchSuggest').show();
        }
    });

<div class="searchSuggest"></div>
<div class="anotherDiv"></div>

除了 searchSuggest div没有缩放（高度）之外，一切正常，所以我的结果出现在下一个div上。我想知道如何自动调整我的 searchSuggest div。

有什么想法吗？

谢谢！

Answer 1

您是否使用jQuery UI CSS框架？

IMO有两件事阻止容器 searchSuggest 与结果列表一起增长（实际上是.ui-menu小部件）

ul.ui-autocomplete有position: absolute，表示该元素不在流程中
它还有float: left，以及菜单项

您可以覆盖这些设置：

.searchSuggest .ui-autocomplete {
    position: relative;
    float: none;
}

.searchSuggest .ui-menu .ui-menu-item {
    float: none;
}

<强> DEMO

如何在另一个自动调整的div中获得自动完成结果？

1 个答案: