JQuery UIオートコンプリート - オブジェクトを読み込めません

Question

私はJQuery UIで作業するオートコンプリート作業をしようとしていますが、ラベル&値オブジェクトを試して渡すときに問題があります。

 var people = []; 
     var test = new Array(); 
     var obj = jQuery.parseJSON(data); 
     $.each(obj.data, function(i,person){ 
       people[people.length] = { 
         label: person.id, 
         value: person.name 
       }; 
       test.push(person.name); 
     }); 

     $("#friend").autocomplete({ 
       source: test, 
       select: function(event, ui) { 
        alert(ui.item.id); 
       } 
     }); 

私はそれが正常に動作している「試験」のアレイを使用しますが、私は試してみて、使用するとき、人々は何もどちらか、ノーJSのエラーが動作しているようだしないオブジェクト

。

誰も私が逃したものについてのアイデアはありますか？

多くのおかげ

Answer 1

あなたはあなたの人々が後方にオブジェクトをロードしています。オートコンプリートはvalueではなくlabelで機能するため、名前の代わりに自分のIDにオートコンプリートしています。

labelは、オートコンプリートで一致するテキストになります。valueは、選択したときに返されるものです。

は、単にそれらを逆にし、それが動作します：

people[people.length] = { 
    label: person.name, 
    value: person.id 
}; 

デモ：http://jsfiddle.net/qmmms/1/意味は何

Answer 2

試してみてください。このよう

people.push({value:person.id,label:person.name}); 

：

var people = []; 
var obj = {data:[{id:1,name:"Adam"},{id:2,name:"Eve"}]}; 
$.each(obj.data, function(i,person){ 
     people.push({ 
       label: person.name, 
       value: person.id 
     }); 
}); 
$("#friend").autocomplete({ 
     source: people, 
     select: function(event, ui) { 
      alert(ui.item.name); 
     } 
});