Javascript jQueryUI自动完成，如何浏览其他元素

所以我尝试了两种方法：

如果我这样做：

$（“#团队搜索”）.catcomplete({
延迟：0，
资料来源：teamdata，
附件：“#团队搜索容器”
});

它将展开div以显示元素，如下所示： （忽略显示ComboBox元素的地方，我的意思是编写自动完成元素）

但是如果我这样做，没有

appendTo

选项

$（“#团队搜索”）.catcomplete({
延迟：0，
资料来源：teamdata
});

它可以正常工作，但在

主体的末尾，它将使空空间与自动完成的高度相等。这是我的CSS：

.ui自动完成{
位置：相对位置；
最大高度：300px；
溢出y：自动；
溢出x：隐藏；
右边填充：20px；
}
.ui自动完成类别{
字号：18px；
列表样式：无；
宽度：200px；
}
.ui菜单项{
列表样式：无；
宽度：200px；
游标：默认值；
背景色：#5656；
}
.ui帮助程序隐藏可访问{
显示：无；
}

因此，由于我有一个
max height
的
600px
，如果我不将其附加到任何内容，它将在页面底部创建
600px
，即使它在我的搜索栏下显示了autocomplete。
根据您提供的示例，我无法复制您描述的问题。请审查：


$（函数（）{
$.widget（“custom.catcomplete”，$.ui.autocomplete{
_创建：函数（）{
这个；
this.widget（）菜单（“选项”，“项目”，“>：非（.ui自动完成类别）”）；
},
_renderMenu：功能（ul，项目）{
var=这个，
currentCategory=“”；
$。每个（项目、功能（索引、项目）{
李华；
如果（item.category！=当前类别）{
ul.追加（“
”+item.category+“
”）；
currentCategory=item.category；
}
li=该值。_renderItemData（ul，项目）；
如果（项目类别）{
li.attr（“aria标签”，item.category+”：“+item.label）；
}
});
}
});
风险值数据=[{
标签：“安德斯”，
类别：“”
},
{
标签：“安德烈亚斯”，
类别：“”
},
{
标签：“安泰”，
类别：“”
},
{
标签：“annhhx10”，
类别：“产品”
},
{
标签：“annk K12”，
类别：“产品”
},
{
标签：“注释C13”，
类别：“产品”
},
{
标签：“anders Anderson”，
类别：“人”
},
{
标签：“安德烈亚斯·安德森”，
类别：“人”
},
{
标签：“安德烈亚斯·约翰逊”，
类别：“人”
}
];
$（“#团队搜索”）.catcomplete({
延迟：0，
资料来源：数据，
附件：“#团队搜索容器”
});
});
.ui自动完成{
位置：相对位置；
最大高度：300px；
溢出y：自动；
溢出x：隐藏；
右边填充：20px；
}
.ui自动完成类别{
字号：18px；
列表样式：无；
宽度：200px；
}
.ui菜单项{
列表样式：无；
宽度：200px；
游标：默认值；
背景色：#5656；
}
.ui帮助程序隐藏可访问{
显示：无；
}

什么是
catcomplete
？另外，你的实际问题/目标是什么？我想你是说你不想使用
appendTo
，只需要使用正常的下拉菜单。如果是这样，默认情况下，这是现成的。您不需要任何额外的CSS。如果这没有帮助，请编辑您的问题，并尝试澄清您试图做什么。@Don't请在评论之前阅读JQuery UI文档
catcomplete
是其库的一部分。@Dragonsnap小部件
catcomplete
不是jQuery UI库的一部分：请提供一个最小的、可复制的示例：