Jquery UI : 자동 완성 결과에 아이콘을 추가하는 방법은 무엇입니까?

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> 

로 종료했다 태그 자체 종료 중, 어떤 이유로 든 문제를 일으켰습니다.