Typeahead 不适用于 javascript/jquery

Posted 2023-03-05

【中文标题】Typeahead 不适用于 javascript/jquery

【英文标题】：Typeahead not working with javascript/jquery

【发布时间】：2013-07-05 11:09:24

【问题描述】：

我正在使用 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 是如何被调用的。它是匿名函数还是可以在事件上调用？

【问题讨论】：

这个老问题是/不太清楚，不知道能不能删掉？它似乎被遗弃了。

【参考方案1】：

有什么关于使用typeahead.js的细节吗？并且您有两次加载 typeahead.js 和 typeahead.min.js 基本相同的 javascript 文件。

您可以尝试使用来自jquery-ui 库的autocomplete。

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