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>