自動完成截斷下拉單詞之間的空格

我正在將項目作爲自動完成工作的變量數組加載。在源項是這樣的：自動完成截斷下拉單詞之間的空格

'.12L 2 LB RYE', 
'.16G 6 GRAIN', 
'.16GR 6 grain roll', 
'.199 1-1\\2 LB WHITE', 
'.1BP black pump', 
'.1CB CLUB BREAD', 
'.1CL CLUB fer.', 
'.1CLN CLUB NEW', 
'.1CM CLUB MEZONOS', 
'.1CRB CORN BREAD',

通知所述第一字符是項目碼，然後按項目描述。

從字符串開始直到項目描述的第一個字符總是有相同數量的字符（包括空格）。當我選擇一個項目時，輸入中的文本與其在數組中的顯示方式完全相同，但下拉列表僅顯示項目代碼和項目描述之間的一個空格。看起來jquery ui會截斷單詞之間的空格，最多爲1。

enter image description here

是否有下拉的方式來展現原始字符串中有空格的確切數額。我需要做到這一點，使項目看起來像他們在表中的可讀性。任何解決方案或解決方法將不勝感激。

來源

2012-02-01 boruchsiper

通過添加此解決：

$('.ui-autocomplete').wrap(function() { 
        return '<pre class="spacing">' + $(this).text() + '</pre>'; 
        });

唯一的問題是與字母間距。並非所有角色都佔用相同的空間，因此看起來有點不合適。但是，嘿，一次一個問題。

來源

2012-02-01 05:40:29 boruchsiper

嘗試更換在每個結果的每個空間到非斷裂空間：

&nbsp;

來源

2012-02-01 04:53:32 ggreiner

試過，但它表明它是這樣的「.16GR 6粒卷」 – boruchsiper 2012-02-01 04:55:09

自動完成截斷下拉單詞之間的空格

回答

相關問題