jQuery UI 자동 완성으로 드롭 다운이 채워지지 않습니다.

Question

jquery AutoComplete가 리턴하여 해당 드롭 다운에 채워 넣으려고합니다. 입력 및 호출은 다음과 같습니다

<input id="user_login" name="user[login]" size="22" type="text" value="" class="ui-autocomplete-input" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true"> 

<script type="text/javascript"> 
    jQuery(document).ready(function(){ 
    jQuery('#user_login, #user_group_name').autocomplete({ 
     source: '/users.js' 
    });  
    }); 
</script> 

호출되는 URL 문자열은 다음과 같습니다

이

[{"id":1802,"login":"some.user"},{"id":3882,"login":"some.other_user"},{"id":2024,"login":"user"}] 

자동 완성 보인다 :

이

http://localhost:3000/users.js?term=user 

users.js의 반환은 다음과 같습니다 리턴의 일부를 해석하기 위해 자동 완성 된 UL을 세 개의 LI로 채 웁니다.하지만 모두 비어 있습니다. 다른 항목을 검색하면 적절한 양의 빈 LI가 만들어집니다. JSONLint로 JSON 반환을 확인했습니다.

Answer 1

문제는 내 반환과 함께했습니다. 자동 완성은 다음과 같이 용어 당 하나의 항목을 원했습니다.

[{"login":"some.user"}]