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

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

有没有任何CSS修复它？

enter image description here

2013-04-11 nasaa

请显示您的代码自动完成和来源 – 2013-04-11 09:53:05

这取决于您如何实际从服务器获取数据。请发布您的代码，以便我们可以尝试回答。 – IndoKnight 2013-04-11 09:54:39

从服务器返回的数据是这样的JSON数据 - [{“value”：21499，“label”：“（inside）Interior Design Review”}，{“value”：193，“label”：“ “}，{”value“：11543，”label“：”100％Biker“}] – nasaa 2013-04-11 09:56:20

在黑暗中刺一下，但你又能增加display: block;到结果的要素？

来源

2013-04-11 09:54:54 Jonathon

我早些时候尝试过，但没有运气 – nasaa 2013-04-11 09:56:55

Try adding below css to fix it 

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

来源

2013-04-11 10:03:17

我已经尝试过，并没有工作。 – nasaa 2013-04-11 10:09:17

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

来源

2013-04-11 10:46:53 IndoKnight

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

回答

相关问题