Что не так с этим кодом типаahead.js?

Question

typeahead.js и jquery, используя пример из typeahead.js. Скрипты кажутся правильно загружаемыми, но при вводе ввода ничего не происходит.

<script src='http://code.jquery.com/jquery.min.js'></script> 
<script src='typeahead.min.js'></script> 
<script src='http://twitter.github.io/hogan.js/builds/2.0.0/hogan-2.0.0.js'></script> 

<input class="typeahead" type="text" placeholder="stuff" autocomplete="off" spellcheck="false" dir="auto" style="position: relative; vertical-align: top; background-color: transparent;"> 

<script> 
    $(function(){ 

     $('.typeahead').typeahead({        
      name: 'twitter-oss',               
      prefetch: './repos.json',            
      template: [                 
      '<p class="repo-language">{{language}}</p>',        
      '<p class="repo-name">{{name}}</p>',          
      '<p class="repo-description">{{description}}</p>'       
      ].join(''),                 
      engine: Hogan                
     }); 
    }) 
</script> 

// repos.json 
[ 
    {"name":"Joe", "description":"Person", "language":"en"} 
] 

Answer 1

Оформить регистрационную форму (https://github.com/twitter/typeahead.js/#datum).

Отдельные блоки, которые составляют наборы данных, называются datums. Каноническая форма базы данных представляет собой объект с собственностью value и свойством tokens. value - это строка, представляющая базовое значение базы данных, а tokens - это набор строк, которые помогают typeahead.js в сопоставлении данных с заданным запросом.

Так ваш товар JSON должен иметь следующую структуру:

{ 
"name":"Joe", 
"description":"Person", 
"language":"en", 
"value" : "Joe", 
"tokens" : ['Joe'] 
}