Rails 4 - выбранный стиль меню не отображается

Я использую Rails 4, пытаясь заставить Chosen работать, но он не отображается, вместо этого отображается стандартное меню множественного выбора. Я сделал все в railscast здесь: http://railscasts.com/episodes/258-token-fields-revised?autoplay=true

но избранный не работает. Есть советы или изменения? Файлы ниже:

Gemfile:

gem 'chosen-rails', '1.0.1'
gem 'compass-rails', github: 'Compass/compass-rails'

_field.html.erb :

<%= f.label :category_ids, "Restaurant Categories" %>
<%= f.collection_select :category_ids, Category.all, :id, :name, {}, {multiple: true} %>

приложение.js:

//= require jquery
//= require chosen-jquery
//= require jquery_ujs
//= require bootstrap
//= require turbolinks
//= require_tree .

приложение.css:

 *
 *= require_self
 *= require chosen
 *= require_tree .
 */

пользователи.js.coffee:

jQuery ->
  $('#category_ids').chosen()

ruby-on-rails jquery-chosen
person Sauron    schedule 13.12.2013    source источник
comment
Правильно ли загружается jQuery при просмотре исходного кода? А в консоли сообщение об ошибке появляется?   -  person Justin    schedule 14.12.2013
comment
Джастин, просматривая исходный код, я не верю, что загружается jQuery, учитывая, что меню все еще работает, но не так, как хочет Избранный. В видео, которое он отмечает при редактировании jQuery, чтобы убедиться, что DOM загрузился, что это значит?   -  person Sauron    schedule 14.12.2013

Ответы (2)


arrow_upward
1
arrow_downward

Я бы попробовал загрузить jquery-ujs перед chosen-rails в ваш application.js.

Таким образом, ваш application.js будет выглядеть так:

//= require jquery
//= require jquery_ujs
//= require chosen-jquery
//= require bootstrap
//= require turbolinks
//= require_tree .

Надеюсь, это поможет решить вашу проблему

person strivedi183    schedule 14.12.2013
comment
Я только что сделал это и перезагрузил сервер, не работает. Есть ли что-то в Rails 4, что мешает работе этого драгоценного камня? Что-нибудь? - person Sauron; 14.12.2013

arrow_upward
0
arrow_downward

Я только что столкнулся с той же проблемой. Решил так:

  1. Добавлен гем jquery-turbolinks через:

    gem 'jquery-turbolinks'

  2. Обновлен application.js, как указано в гем jquery-turbolinks:

  //= require jquery
  //= require jquery.turbolinks
  //= require jquery_ujs
  //
  // ... your other scripts here ...
  //
  //= require turbolinks

Я надеюсь, что вы найдете это полезным.

person pablofullana    schedule 25.02.2015