자동 완성을위한 드롭 다운 메뉴가 표시되지 않습니다.

Question

저는 genration autocompletions에 jquery UI 자동 완성을 사용했습니다. 모든 것이 잘 작동하지만 드롭 다운 메뉴가 나타나지만 값은 블랭크입니다. Howerer, 그 빈 값에 마우스를 스크롤하면 입력 값이 제안 된 값과 함께 변경됩니다. 이 내 자바 스크립트 코드 http://hpics.li/b058523

입니다 : 이 무슨 일에 대한 스크린 샷입니다

<!-- javascript pour AUTOCOMPLETION --> 

<script type="text/javascript"> 
    $(function() { 


    $('#search').autocomplete({ 

      minLength: 2, 
      source: '<%= posts_path(:json) %>', 
      focus: function(event, ui) { 
       $('#search').val(ui.item.post.title); 
       return false; 
      }, 
      select: function(event, ui) { 
       $('#search').val(ui.item.post.title); 
     $('#post_id').val(ui.item.post.id); 
       return false; 
      } 
     }) 

_renderItem = function(ul, item) { 
      return $("<li></li>").data("ui-autocomplete", item) 
       .append("<a>" + ui.item.post.title + "</a>") 
       .appendTo(ul); 
     }; 

    }); 
    </script> 


<!-- fin javascript pour autocompletion --> 

가 그으로 .Append를 보인다는 (""+ ui.item.post.title + "")는하지 않습니다 사이에 제목의 값을 추가하십시오. (나는 chrome 엘리먼트 인스펙터를 사용했고 그 사이에 값을 쓰지 않았다.).

무엇이 문제 일 수 있습니까?

덕분에 여기에 코드에서

Answer 1

:

_renderItem = function(ul, item) { 
      return $("<li></li>").data("ui-autocomplete", item) 
       .append("<a>" + ui.item.post.title + "</a>") 
       .appendTo(ul); 
     }; 

기능은 ul을 수락하지만 당신은 ui를 호출하고 있습니다. 그것은 문제 일 수 있습니다. 그냥 직감.