Typeahead不使用javascript / jquery

时间:2013-07-08 07:32:29

标签: javascript jquery twitter autocomplete

我正在使用typeahead和jquery。我的代码无效。我需要在我的代码中使这个typeahead工作,我这样称呼它,但我没有得到任何结果。我还需要在文本框中提出建议。但它不起作用。

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 个答案:

答案 0 :(得分:0)

是否有关于使用typeahead.js的具体信息?并且您有两次加载typeahead.jstypeahead.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" />