Javascript Typeahead.js自动完成不显示任何建议
我知道这里有很多类似我的问题。我需要的是帮助我分析我的错误。 您可以在中看到我的代码 正如您所看到的,我使用自动完成创建了一个表单,当我点击字段“Kode”时,并没有来自typeahead的提示Javascript Typeahead.js自动完成不显示任何建议,javascript,jquery,html,twitter-bootstrap,typeahead,Javascript,Jquery,Html,Twitter Bootstrap,Typeahead,我知道这里有很多类似我的问题。我需要的是帮助我分析我的错误。 您可以在中看到我的代码 正如您所看到的,我使用自动完成创建了一个表单,当我点击字段“Kode”时,并没有来自typeahead的提示 $(文档).ready(函数(){ $('#kode')。请提前键入({ 来源:功能(查询、流程){ 对象=[]; 风险值数据=[ {“kode”:“X1”,“nama”:“XL REG NASIONAL”}, {“kode”:“X10”,“nama”:“XL REG NASIONAL”}, {“ko
$(文档).ready(函数(){
$('#kode')。请提前键入({
来源:功能(查询、流程){
对象=[];
风险值数据=[
{“kode”:“X1”,“nama”:“XL REG NASIONAL”},
{“kode”:“X10”,“nama”:“XL REG NASIONAL”},
{“kode”:“X100”,“nama”:“XL REG NASIONAL”},
{“kode”:“X15”,“nama”:“XL REG NASIONAL”},
{“kode”:“X25”,“nama”:“XL REG NASIONAL”},
{“kode”:“X30”,“nama”:“XL REG NASIONAL”}
];
$.each(数据、函数(i、对象){
objects.push(object.kode+'#'+object.nama);
});
过程(对象);
},
更新程序:函数(项){
var s=项目分割(“#”);
返回s[0];
},
匹配器:功能(项目){
var s=项目分割(“#”);
返回s[0].toLowerCase().indexOf(this.query.toLowerCase())!=-1
},
荧光灯:功能(项目){
var s=项目分割(“#”);
var regex=new RegExp(“(“+this.query+”)”,“gi”);
返回s[0]。替换(regex,“$1”;
}
});
});代码>
科德
凯特兰根
指向
您的typeahead js文件有问题,我使用了bootstrap3 typeahead js文件
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.2/bootstrap3-typeahead.js"></script>
<form class="form-horizontal" id="form-point">
<div class="form-group">
<label class="control-label col-sm-2">Kode</label>
<div class="col-sm-8">
<input type="text" id="kode" name="kode" class="form-control" autofocus="autofocus">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2">Keterangan</label>
<div class="col-sm-8">
<input type="text" class="form-control" id="keterangan" name="keterangan" readonly="readonly">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2">Point</label>
<div class="col-sm-8">
<input type="text" id="point" name="point" class="form-control"> </div>
</div>
</form>
科德
凯特兰根
指向
检查此处:您在哪里看到源代码可以接受函数?它说源代码可以接受{object | array}当我在typeahead中搜索使用json对象的教程时,我在中找到了它,谢谢,在我像您的代码一样更改typeahead.js后解决了。。。我从网上下载的。我认为这是错误的版本