自动完成功能会截断下拉列表中单词之间的空格

Question

我正在将项目作为变量数组加载，以使自动完成工作。 在源代码中，项目如下所示：

'.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会将单词之间的空格截断为最大值。

下拉列表是否有办法显示原始字符串所具有的确切空格量。我需要完成这个，以便项目看起来像是为了便于阅读。 任何解决方案或解决方法都将非常感激。

Answer 1

尝试将每个结果中的每个空格替换为不间断的空间：

 

Answer 2

通过添加以下内容解决：

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

唯一的问题是字母间距。并非所有角色都占用相同的空间，因此它看起来有些偏差。但是，嘿，一次只有一个问题。