Rails：向一個簡單的靜態JSON文件的表單添加typeahead

Question

我試圖添加一個簡單的twitter typeahead.js到像這樣的rails形式。

<label for="inputStreet" class="control-label">Street Name</label>    
<%= f.text_field :street_name, data: {autocomplete_source: '/suggestions.json'}, class: 'form-control', autofocus: true %> 

我也只是用這樣

$(document).ready(function() { 
$('.typeahead').typeahead({name: 'planets', local: [ "Mercury", "Venus", "Earth", "Mars", "Jupiter", "Saturn", "Uranus", "Neptune" ] }); 
}); 

與HTML靜態預輸入這樣

<input id="typeahead" class="form-control"> 

但是沒有什麼發生試過。我遵循了每個指示。 JS控制檯顯示沒有錯誤。 即時通訊使用Rails4與寶石twitter-typeahead-rails

我做錯了什麼或？任何人都可以告訴我他們將如何在軌道中做到這一點？

Answer 1

有清楚的問題，你input有id="typeahead"，你正在初始化類.typeahead。你應該做的是改變它使用ID選擇器#typeahead：

$(document).ready(function() { 
    $('#typeahead').typeahead({ 
     name: 'planets', 
     local: ["Mercury", "Venus", "Earth", "Mars", "Jupiter", "Saturn", "Uranus", "Neptune"] 
    }); 
});