jQuery 자동 완성 목록 항목 아이콘

Question

jQuery 자동 완성 기능을 사용하고 있으며 자동 완성 소스의 모든 목록 항목 오른쪽에 글꼴 굉장한 아이콘을 추가하고 싶습니다.

지금까지 발견 된 해결책은 모든 목록 항목의 배경을 설정하는 것이었지만 글꼴 멋진 아이콘이 클릭 이벤트를 수신하여 나에게 도움이되지 않도록하고 싶습니다. 내가 "A", "B"와 "C"

Answer 1

의 오른쪽에 글꼴 멋진 아이콘을하고 싶은이 경우

  var data = ["a", "b", "c"]; 

      $(this).autocomplete({ 
       source: data, 
       open: function(event, ui) { 
        $(this).autocomplete("widget").css({ 
         "width": $(this).parent().width() 
        }); 
       } 
      }); 

:

이

내 코드입니다 다음 코드는 나를 위해 문제를 해결했습니다 :

 var data = ["a", "b", "c"]; 

     $(this).autocomplete({ 
      source: data, 
      open: function(event, ui) { 
       $(this).autocomplete("widget").css({ 
        "width": $(this).parent().width() 
       }); 
      } 
     }).autocomplete("instance")._renderItem = function(ul, item) { 
      return $("<li>") 
      .append("<div>" + item.label + "<span style='float: right'><i class='fa fa-trash'></i></span></div>") 
      .appendTo(ul); 
     };