Javascript 打字机坏了
我正在创建一个简单的应用程序来学习如何使用typeahead，但由于某些原因，它不起作用，显示了一个输入框，但无法看到搜索工作，我键入了eng，但没有显示任何内容，无法找出原因。在Chrome35和Firefox30中都进行了测试。我一定是在做傻事，但我想不出是什么 我在已经包含的库和样式表上获得了200个成功，所以没有问题Javascript 打字机坏了,javascript,jquery,typeahead.js,Javascript,Jquery,Typeahead.js,我正在创建一个简单的应用程序来学习如何使用typeahead，但由于某些原因，它不起作用，显示了一个输入框，但无法看到搜索工作，我键入了eng，但没有显示任何内容，无法找出原因。在Chrome35和Firefox30中都进行了测试。我一定是在做傻事，但我想不出是什么 我在已经包含的库和样式表上获得了200个成功，所以没有问题 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8">
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<link href="css/bootstrap.css" rel="stylesheet">
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript" src="js/lib/bootstrap.js"></script>
<script type="text/javascript" src="js/lib/typeahead.jquery.js"></script>
</head>
<body>
<input id="search"/>
</body>
<script>
var countries = ["england", "ireland", "scotland", "wales"];
$('#search').typeahead({source: countries});
console.log(countries);
</script>
var国家=[“英格兰”、“爱尔兰”、“苏格兰”、“威尔士”]；
$（#search'）.typeahead（{来源：countries}）；
控制台日志（国家）；
试试这段代码。我想这就是你要找的
$(function () {
var substringMatcher = function (strs) {
return function findMatches(q, cb) {
var matches, substringRegex;
// an array that will be populated with substring matches
matches = [];
// regex used to determine if a string contains the substring `q`
substrRegex = new RegExp(q, 'i');
// iterate through the pool of strings and for any string that
// contains the substring `q`, add it to the `matches` array
$.each(strs, function (i, str) {
if (substrRegex.test(str)) {
// the typeahead jQuery plugin expects suggestions to a
// JavaScript object, refer to typeahead docs for more info
matches.push({
value: str
});
}
});
cb(matches);
};
};
var countries = ["england", "ireland", "scotland", "wales"];
$('#search').typeahead({
hint: true,
highlight: true,
minLength: 1
}, {
name: 'states',
displayKey: 'value',
source: substringMatcher(countries)
});
});
在显示typeahead之前设置的默认字符数是多少？你是否包含了typeahead要显示的相关css？检查您的网络控制台，查看是否返回实际的服务响应。。。将帮助您确定问题的性质脚本标记应位于
正文中选项source