Javascript 预输入引导代码 使用Ajax示例引导Typeahead 在这里搜索 //等待DOM就绪。。。 $（函数（）{ //将typeahead应用于文本输入框 $（“#我的输入”）。提前键入({ 名称：'国家'， //数据源 预回迁：“countries.json”， //下拉列表中的最大项数列表 限额：10 }); });
我在“countries.json”中给出了国家的名称，但搜索框对我不起作用。如何解决这个问题。。。Javascript 预输入引导代码 使用Ajax示例引导Typeahead 在这里搜索 //等待DOM就绪。。。 $（函数（）{ //将typeahead应用于文本输入框 $（“#我的输入”）。提前键入({ 名称：'国家'， //数据源 预回迁：“countries.json”， //下拉列表中的最大项数列表 限额：10 }); });,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,我在“countries.json”中给出了国家的名称，但搜索框对我不起作用。如何解决这个问题。。。 js代码中是否有任何问题。它是否与html文件位于同一目录中？控制台日志是否显示它已加载，或者您在日志中是否看到任何错误？可能是重复的，它是同一目录。控制台不显示任何内容。我没有看到任何错误。它和你的html文件在同一个目录下吗？控制台日志是否显示它已加载，或者您在日志中是否看到任何错误？可能是重复的，它是同一目录。控制台不显示任何内容。我看不出有任何错误。 <html lang="en"
js代码中是否有任何问题。它是否与html文件位于同一目录中？控制台日志是否显示它已加载，或者您在日志中是否看到任何错误？可能是重复的，它是同一目录。控制台不显示任何内容。我没有看到任何错误。它和你的html文件在同一个目录下吗？控制台日志是否显示它已加载，或者您在日志中是否看到任何错误？可能是重复的，它是同一目录。控制台不显示任何内容。我看不出有任何错误。
<html lang="en">
<head>
<title>Bootstrap Typeahead with Ajax Example</title>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.1/bootstrap3-typeahead.min.js"></script>
</head>
<body>
<div class="row">
<div class="col-md-12 text-center">
<br/>
<h1>Search Here</h1>
<input id="my-input"class="typeahead form-control" style="margin:0px auto;width:300px;" type="text">
</div>
</div>
<script type="text/javascript">
// Waiting for the DOM ready...
$(function(){
// applied typeahead to the text input box
$('#my-input').typeahead({
name: 'countries',
// data source
prefetch: 'countries.json',
// max item numbers list in the dropdown
limit: 10
});
});
</script>
</body>
</html>