我正在使用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。它是匿名函数还是可以在事件上调用?
答案 0 :(得分:0)
是否有关于使用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" />