Typeahead не работает с javascript/jquery

Question

Я работаю с typeahead и jquery. мой код не работает. Мне нужно сделать эту работу типа в моем коде, и я называю это так, но я не получаю никакого результата. Мне нужно предложение также в текстовом поле. но он не работает.

var availableTags = [ 
"Apple", 
"Perl", 
"PHP", 
"Python", 
"Ruby", 
"Scala", 
"Scheme"]; 

(function() { 

alert("hello"); 
$('#searchInput').typeahead(
[ 
{ 

prefetch: availableTags, 
source: availableTags 

} 
]); 

}); 

У меня есть текст ввода с id = searchInput, но я ничего не получаю. Правильно ли это? Я также сделал ссылки на следующие файлы:

<script src="http://code.jquery.com/jquery-1.9.1.js"> 
</script> 
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"> 
</script> 

<script type="text/javascript" src="engine.js" > 
</script> 
<script type="text/javascript" src="typeahead.min.js" > 
</script> 
<script type="text/javascript" src="typeahead.js" > 
</script> 

Мне также нужно понять, как называется typeahead. Это анонимная функция или может быть вызвана событиями?

Answer 1

Есть ли какие-либо особенности об использовании typeahead.js? И у вас есть два раза загружены typeahead.js и typeahead.min.js, которые являются базовыми одинаковыми javascript.

Вы можете попробовать autocomplete из jquery-ui библиотека.

Базовый пример от http://jqueryui.com/autocomplete/ выглядит следующим образом.

var availableTags = [ 
     "ActionScript", 
     "AppleScript", 
     "Asp", 
     "BASIC", 
     "C", 
     "C++", 
     "Clojure", 
     "COBOL", 
     "ColdFusion", 
     "Erlang", 
     "Fortran", 
     "Groovy", 
     "Haskell", 
     "Java", 
     "JavaScript", 
     "Lisp", 
     "Perl", 
     "PHP", 
     "Python", 
     "Ruby", 
     "Scala", 
     "Scheme" 
    ]; 
    $("#tags").autocomplete({ 
     source: availableTags 
    }); 

и HTML выглядят как:

<input id="tags" />