ruby-on-rails - Rails：为简单的静态 JSON 文件添加预先输入的表单

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 与 gem twitter-typeahead-rails一起使用

我做错了什么还是？任何人都可以告诉我他们将如何在 Rails 中做到这一点？

Answer 1

显然有你的问题，你input有id="typeahead"，你正在用 class 初始化 typeahead .typeahead。您应该做的是将其更改为使用 id 选择器#typeahead：

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