2012-06-11 3 views
1

안녕하세요, 자동 완성을 사용하여 동적으로 생성 된 목록 앞뒤에 HTML 콘텐츠를 추가해야합니다. 다음 코드는 제 코드입니다. .i는 덧붙이려는 시도가 있습니다. li 앞에 행운이 있지만 ... 또한 목록의 항목 수를 최대 5 개로 제한해야합니다. 어떻게해야합니까?JQuery 자동 완성을 사용하여 목록 앞뒤에 정적 HTML 내용 추가

$(document).ready(function() { 
       $("#autocomplete").autocomplete({ 

        source: source, 
        select: function (event, ui) { 

         window.location.href = ui.item.value; 
         this.autohide(); 
        } 

       }) 
       .data("autocomplete")._renderItem = function (ul, item) { 
        $("<li></li>") 
       .data("item.autocomplete", item) 
       .append("<a>" + "<img src='" + item.imgsrc + "' /><strong>" + item.label + "</strong></a>") 
       .appendTo(ul)       
       }; 


      }); 

답변

2

jqfaq.com 링크를 살펴보십시오. 자동 완성 결과 목록의 시작과 끝 부분에 텍스트를 추가하는 방법을 설명합니다.

다른 자동 완성 관련 FAQ도 관심있는 목록에서 살펴보십시오.

관련 문제