0

我想用typeahead.js创建一个'实时搜索' - 基本上我想搜索一个json文件并将结果返回到屏幕。使用typeahead与引导3

我已经产生了JSON文件,所有我想搜索的设备,其结构如下:

{"short_name":"3555","long_name":"Nokia 3555"} 

所以无论用户然后进入搜索它在LONG_NAME,唯一我有'short_name'的原因是因为我需要它来生成用户将被重定向到的URL,例如。 site.com/device/3555

我已上载这里的完整JSON文件 - https://docs.google.com/file/d/0B6O0C30w5kQgR08xZ0xMWnV5TW8/edit?usp=sharing

<script type="text/javascript"> 
$('.typeahead').typeahead({         
    name: 'devices',               
    prefect: '/data/devices.json', 
    limit: 10                 
}); 
</script> 

下面的代码似乎并没有做任何事情 - 任何人都可以表明我要去的地方错了吗?

回答

0

你有拼写错误prefectprefetch,尝试,但你要检查的路径是正确的在自己的代码太:

<script type="text/javascript"> 
$('.typeahead').typeahead({         
    name: 'devices',               
    prefetch: '/data/devices.json', 
    limit: 10                 
}); 
</script>