Rails + Bootstrap 标签输入 + typeahead

Question

我正在尝试在 Rails 中的小项目上设置此功能：http://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/

但我不确定我做错了什么。我将 jquery、bootstrap-tagsinput 和 typeahead.bundle 文件放到了我的 app/assets/javascript 中，但仍然无法正常工作。

我在表单中添加了：

<input type="text" data-role="tagsinput" />
<%= javascript_tag do %>
$('input').tagsinput({
  typeahead: {
    source: ['Amsterdam', 'Washington', 'Sydney', 'Beijing', 'Cairo']
  }
});
<% end %>

和一个 citynames.json 到我的 app/assets 文件夹，以及添加

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">

到顶部，但是虽然标签输入本身有点工作，但我无法让 typeahead 工作或添加 freeInput: false 选项并让那个工作。

Answer 1

1. 下载最新的bootstrap-tagsinput

2. 从/src 获取bootstrap-tagsinput.css 并放入/assets/stylesheets/。

3. 如果你使用 scss，将 bootstrap-tagsinput.css 重命名为 bootstrap-tagsinput.scss

4. 在 applications.scss @import 'bootstrap-tagsinput' 或 require

5. 从/src 获取bootstrap-tagsinput.js 并放入/assets/javascript/

6. 在assets/javascript/application.js 需要你的js =//require bootstrap-tagsinput

---

prefetch: {
    url: 'assets/citynames.json',
    filter: function(list) {
      return $.map(list, function(cityname) {
        return { name: cityname }; });
    }
  }

url: 'assets/citynames.json' - 这不起作用。您可以从控制器提供 citinames 或将此文件公开，之后您可以从公共文件夹 root_url/folder/citinames.json. 获取此 json