Jquery 用户界面 : How to add icons to autocomplete results?

Question

我想知道是否有办法将 Jquery UI 图标添加到 Jquery UI 自动完成结果中。我的结果分为 3 个不同的类别，我想通过使用图标来清楚地表明这一点。

我已经从服务器收到了 1 到 3 之间的类别标识，并且我可以使用它。

我也在结果中放置了图标，但它们是(丑陋的)自定义图标。我想知道是否有一种简单的方法可以将 jquery ui 内置图标放入结果中。

现在，我这样放置图标:

$("#input").autocomplete(source:"serveradress")
    .data( "autocomplete" )._renderItem = function( ul, item ) {
        var image = "<img src=\"images/icon_" + item.category + ".png\" class=\"icon\" />";
        var itemhtml = "<a> + image + item.value + "</a>";
        return $( "<li></li>" )
            .data( "item.autocomplete", item )
            .append( itemhtml )
            .appendTo( ul );
    };

Answer 1

尝试在此添加此内容:

<span class="ui-icon ui-icon-home"></span>

我不得不终止它

</span> 

它并没有自行终止标签，而是由于某种原因导致了问题。