Рубин на рельсы вопросов JQuery с tokenInput жемчужиной

Question

Я работаю на приложение рельсы и пытается интегрировать этот драгоценный камень для текстового поля

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

Однако, я получаю ту же ошибку консоли:». tokenInput не является функцией ", как при попытке сделать это без драгоценного камня (вручную добавляя js и css в конвейер). У меня есть драгоценный камень установлен правильно, и это в моем _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 %> 

меня правильно требует JavaScript в моем application.js и я получить маркер input.js в браузере, так что скрипты загружен должным образом, но по какой-то причине он, похоже, не распознает функцию tokenInput.

Есть ли что-то, что мне не хватает в конвейере активов или загрузке надлежащих драгоценных камней? Если кто-то имеет опыт работы с этим камнем или знает, что мне не хватает, включая правильные javascripts, я бы очень признателен за любую помощь!

Answer 1

Поскольку вы неправильные данные лексем-коллекций, она должна являются:

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

Answer 2

Ваши переменные имена, которые содержат данные, такие как массив хэша не отформатирован.

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

При попытке разобрать код выше, это даст вам предупреждение, как:

duplicated key at line 1 ignored: :name 

Из-за дублирования ключа «имени».

Таким образом, вы должны правильно отформатировать:

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

Тогда вы будете иметь коллекцию имен.

Как, что сказал @dieuhd.