显示自动完成的下拉菜单不起作用答案

【问题标题】：Displaying drop down menu for autocomplete doesn't work显示自动完成的下拉菜单不起作用
【发布时间】：2014-01-29 19:35:41
【问题描述】：

我使用 jquery ui 自动完成来进行生成自动完成。一切正常，出现一个下拉菜单，但值是空白的。然而，当我在这些空白值上滚动鼠标时，输入值会随着建议的值而变化。这是发生情况的屏幕截图：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 +"") 没有在 .append(""+ui.item.post.title +"") 之间添加标题的值。（我用 chrome 元素检查器检查过，中间没有写任何值）。

可能是什么问题？

谢谢

【问题讨论】：

标签： jquery css ruby-on-rails ruby-on-rails-3 jquery-ui-autocomplete

【解决方案1】：

在您的代码中：

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

该函数正在接受ul，但您正在调用ui。这可能是问题所在。只是一种预感。

【讨论】：