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>

使用带有Bootstrap 3的typeahead

1 个答案: