JQUERYUI json을 사용한 자동 완성이 작동하지 않습니다.

Question

다음 코드는 jqueryui를 사용하며 자동 완성 상자에는 목록이 표시되지만 내용은 표시되지 않습니다. 목록의 높이가 0입니다.

데이터는 json이며 바인딩 전 데이터를 볼 수 있습니다. 내가 여기서 무엇을 놓치고 있는지 확실하지 않습니다.

http://jsfiddle.net/BJGLf/

Answer 1

내가 여기에 직면하고있는 문제를 추가 한

  $("#Stock").autocomplete({ 
      dataType: "json", 
      source: data, 
      autoFill: true, 
      minLength: 1, 

      position: { my: "left to[", at: "left bottom", collision: "none" }, 
      select: function (event, ui) { 
       alert(ui.item.Symbol) 
      }, 


      open: function (e, ui) { 
       console.log($(".ui-autocomplete li").size()); 
      }, 
      search: function (e, ui) { 
       console.log("search returned: " + $(".ui-autocomplete li").size()); 

      }, 
      close: function (e, ui) { 
       console.log("on close" + $(".ui-autocomplete li").size()); 
       $("#Stock").val(""); 
      } 

     }); 

.. 어떤 도움이 많이 감사는 .. 현재는 [{Symbol: 'value'}]을 통과하고 자동 완성은 ['value','value'] 또는 [{ label: 'label', value: 'value' }, { label: 'label2', value: 'value2' }]을 기대하고있다. 원본 형식에 대해서는 API을 참조하십시오.