在facebook应用程序自动完成的另一种方式

alternative way for autocomplete in facebook app

本文关键字：另一种 方式 facebook 应用程序      更新时间：2023-09-26

我已经解决了所有的部分，可以使用谷歌应用程序引擎加载javascript变量。现在我被困在自动完成自定义数据。这是我的脚本

var friends=[]
{% for name in user_names %}
    vals={"id":"{{ name.id }}","name":"{{ name.user }}"}
    friends.push(vals)
{% endfor %}
$(function() {
    alert(friends); 
$( "#suggest1" ).autocomplete({
    minLength: 0,
    source: friends,
    focus: function( event, ui ) {
        $( "#suggest1" ).val( ui.item.name );
        return false;
    },
    select: function( event, ui ) {
        $( "#suggest1" ).val( ui.item.name );
        $( "#suggest1-id" ).val( ui.item.id );
        return false;
    }
})
.data( "autocomplete" )._renderItem = function( ul, item ) {
    return $( "<li></li>" )
        .data( "item.autocomplete", item )
        .append( "<a>" + item.name + "</a>" )
        .appendTo( ul );
};
});

和HTML代码:

<div class="section" id="user-section">
                    <input id='suggest1' />
                    <input type="hidden" id="suggest1-id"/>
                </div>

friends是包含好友及其id的对象列表。现在这个自动完成不工作了。谁能帮我找出我做错了什么?

也许这只是你的friends数组的格式是错误的?

jQuery UI Autocomplete文档说项目应该是具有label或value属性的对象，或者两者兼而有之。

你的项目有id和name属性代替。

相关文章：