顯示下拉菜單中的自動完成功能不起作用

Question

我使用了jquery ui autocomplete來完成自動完成功能。一切正常，出現下拉菜單，但值是白色。但是，當我將鼠標滾動到這些空白值上時，輸入值會隨建議值而變化。 這是發生了什麼的截圖：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。這可能是問題所在。只是一種預感。