레일스 : 간단한 정적 JSON 파일

Question

에 대한 양식에 선행을 추가하십시오. 간단한 트위터 typeahead.js를 이와 비슷한 레일 폼에 추가하려고합니다.

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

나는 또한 그냥이

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

그러나의 속삭임 일이 일어나고처럼 HTML이

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

같은 정적 선행 입력을 사용하여 시도했습니다. 나는 그곳에있는 모든 지시를 따랐다. 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"] 
    }); 
});