jquery - JQuery UI 自动完成在自动完成中显示了多个项目

Question

JQuery UI 自动完成在自动完成区域中显示了多个搜索结果。我附上了图片来说明我的意思。我只想在每一行中显示一个。

是否有任何 css hack 来修复它？

Answer 1

在黑暗中有点刺，但你可以display: block;在结果元素中添加一个吗？

Answer 2

Try adding below css to fix it

.ui-menu .ui-menu-item a{
    display:block;
}

Answer 3

如果您可以在服务器端修复它，效率会更高。我看到您的响应是 JSON 格式，请确保它在返回服务器之前格式正确。对于自动完成，您可以在服务器端使用 JSON Array 之类的结构字符串来返回。