javascript - 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" />