Ruby on rails jQuery 问题与 tokenInput gem答案

【问题标题】：Ruby on rails jQuery issues with tokenInput gemRuby on rails jQuery 问题与 tokenInput gem
【发布时间】：2016-02-25 23:11:33
【问题描述】：

我正在开发一个 Rails 应用程序，并试图将这个 gem 集成到一个文本字段中

https://github.com/exAspArk/rails-jquery-tokeninput

但是，当我尝试在没有 gem 的情况下执行此操作时（手动将 js 和 css 添加到管道），我得到了相同的控制台错误：“.tokenInput 不是函数”。我正确安装了 gem，这在我的 _form.html.erb 中

<% names = [{name: "test", name: "another test name", name: "third name test 123"}] %>
  <%= f.label :user_tokens, "Debaters" %>
  <%= f.text_field :user_tokens, 'data-tokeninput' => {collection: names}.to_json %>

我在 application.js 中正确需要 javascript，并且我在浏览器中收到了 token-input.js，因此脚本已正确加载，但无论出于何种原因，它似乎无法识别 tokenInput 函数。

资产管道或加载正确的宝石是否缺少某些东西？如果有人有使用此 gem 的经验或知道我在包含正确的 javascripts 时缺少什么，我将非常感谢任何帮助！

【问题讨论】：

标签： javascript jquery ruby-on-rails ruby

【解决方案1】：

包含哈希数组等数据的变量names的格式未正确。

names = [{name: "test", name: "another test name", name: "third name test 123"}]

如果你尝试解析上面的代码，它会给你这样的警告：

duplicated key at line 1 ignored: :name

因为键“name”重复。

所以，你应该正确地格式化它：

names = [{name: "test"}, {name: "another test name"}, {name: "third name test 123"}]

然后，您将拥有名称集合。

就像@dieuhd 所说的那样。

【讨论】：

【解决方案2】：

因为你是token-collections的错误数据，所以一定是：

<% names =  [{name: 'test' }, { name: 'another test name' },{ name: 'third name test 123' }] %>

【讨论】：