以文本加载范围

Question

我遇到了JqueryUI自动完成的问题，其中返回的范围在下拉列表中呈现为文本（如下所示）。

我正在使用Jquery Ui 1.8.17和Jquery 1.6.4

自动完成功能：

  $('#search').autocomplete({
            source: '/Search/AutoComplete',
            html: true,
            delay: 0
        });

浏览器未将范围加载到DOM中。我假设的原因是因为它需要对文本进行HTML编码。这是标记。如你所见，它没有编码。

<li class="ui-menu-item" role="menuitem">
    <a class="ui-corner-all" tabindex="-1">&lt;span class="autocomplete cat"&gt;Cat&lt;/span&gt;</a>
</li>
<li class="ui-menu-item" role="menuitem">
    <a class="ui-corner-all" tabindex="-1">&lt;span class="autocomplete carbon"&gt;Carbon&lt;/span&gt;</a>
</li>

我已经阅读了HTML扩展的一些内容，但我找不到具体的内容。此问题是否可以通过J Query修复，还是需要修改源数据？

Answer 1

在Using HTML in jQuery UI autocomplete中发布的解决方案是解决此问题的方法。

我的JS最终看起来像：

$('#searchPhrase').autocomplete({
        source: '/Search/AutoComplete',
        html: true,
        delay: 0,
        minLength: 2
    }).data("autocomplete")._renderItem = function (ul, item) {
        return $("<li></li>")
            .data("item.autocomplete", item)
            .append("<a>" + item.label + "</a>")
            .appendTo(ul);
    };