jQuery自动完成功能显示不需要的动态html标签

Question

不确定如何将它们转换为html对象。

我有这个功能：

var findPattern = new RegExp(request.term.toLowerCase(), "ig");
var highlightMatch = function(match) {
  return '<span class="highlight">' + match + '</span>';
};

它在这里使用：

source: function(request, response) {
  $autocomplete_xhr = $.ajax({
    // .. truncated for your viewing pleasure ..
    success: function() {
      return {
         label: $.string(label).interpolate({name: row.customer.name, address: (row.customer.addr == null) ? '' : row.customer.addr}).str.replace(findPattern, highlightMatch),

但是结果是我可以看到<span>标记，而不是将其解析为HTML。

有什么想法为什么会发生这种情况，以及我可以采取什么措施来解决这个问题？

Answer 1

得到它了！ 将此添加到我的自动完成代码的末尾。据我所知，这与JS库中包含的代码完全相同。 因此，我不确定为什么只有从源代码中提取并手动将其放入文件中才能起作用。

      })
      .each(function() {
        // Señor Hackovitz for rendering HTML elements..
        $(this).data("autocomplete")._renderItem = function(ul, item) {
          return $( "<li></li>" )
              .data( "item.autocomplete", item )
              .append( "<a>" + item.label + "</a>" )
              .appendTo( ul );
        };
      })

如果有许多自动完成功能，我在@Mu Is Too Short的示例之后使用了.each语句。

干杯!