2013-04-11 91 views
0

JQuery UI自動完成在自動填充區域顯示多個搜索結果。我附上了圖片來展示我的意思。我想在每一行中只顯示一個。JQuery UI自動完成在自動完成中顯示多個項目

有沒有任何CSS修復它?

enter image description here

+1

請顯示您的代碼自動完成和來源 – 2013-04-11 09:53:05

+0

這取決於您如何實際從服務器獲取數據。請發佈您的代碼,以便我們可以嘗試回答。 – IndoKnight 2013-04-11 09:54:39

+0

從服務器返回的數據是這樣的JSON數據 - [{「value」:21499,「label」:「(inside)Interior Design Review」},{「value」:193,「label」:「 「},{」value「:11543,」label「:」100%Biker「}] – nasaa 2013-04-11 09:56:20

回答

0

在黑暗中刺一下,但你又能增加display: block;到結果的要素?

+0

我早些時候嘗試過,但沒有運氣 – nasaa 2013-04-11 09:56:55

0
Try adding below css to fix it 

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

我已經嘗試過,並沒有工作。 – nasaa 2013-04-11 10:09:17

0

如果您可以在服務器端修復它,效率會更高。正如我看到您的回覆是JSON格式,請確保它在服務器上返回之前格式正確。對於自動完成,您可以使用JSON數組(如服務器端的結構字符串)來返回。