Отображение выпадающего меню для автозаполнения не работает

Question

Я использовал автозаполнение jquery ui для автозаполнения genration. Все работает нормально, появляется выпадающее меню, но значения - blanc. Howerer, когда я прокручиваю указатель мыши на эти пустые значения, значение ввода изменяется с предлагаемым значением. Это скриншот для того, что происходит: http://hpics.li/b058523

это мой Javascript код:

<!-- 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 + "") не добавьте значение заголовка между ними. (я проверил это с инспектором хромированных элементов и не записал значения между ними).

В чем может быть проблема?

благодаря

Answer 1

В коде здесь:

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

Функция принимает ul, но тогда вы звоните ui. Это может быть проблемой. Просто догадка.