json - 在 Bootstrap 3 中使用 typeahead

Question

我正在尝试使用 typeahead.js 创建一个“实时搜索”——基本上我想搜索一个 json 文件并将结果返回到屏幕。

我已经生成了一个包含我要搜索的所有设备的 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>

以下代码似乎没有做任何事情 - 谁能指出我哪里出错了？

Answer 1

你有一个拼写错误prefect应该是prefetch，试试吧，但你也想在你自己的代码中检查路径是否正确：

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