Как добавить jquery-ui в приложение Ruby on Rails 3.1?

Я добавил //=require jquery-ui в мой файл application.js и, похоже, дал мне javascript, но я не могу заставить таблицы стилей быть включенными. Если я правильно понимаю, они должны войти в vendor/stylesheets, но как я могу их включить?

Ответ 1

denysonique имеет ответ в этом вопросе, как указано в эпохволе в комментариях.

Rails 3.1 и jquery-ui assets

Ответ 2

Возможно, проще использовать jquery-ui-rails gem (см. объявление). Он упаковывает все, чтобы вещи "просто работали".

Ответ 3

Вы можете использовать google CDN, чтобы добавить тему css в раздел главы вашего приложения. Просто добавьте это application.html.haml в разделе% head (или то же самое, что переведено на erb).

Тема css

%link{:href => "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.8/themes/ui-lightness/jquery-ui.css", :rel => "stylesheet", :type => "text/css"}

Если вы хотите, чтобы jquery-ui был уменьшен.

%script{:src => "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.8/jquery-ui.min.js"}

Ответ 4

если вы включите "jquery-rails" в Gemfile, jquery-ui будет включен, требуя этого в application.js:

//= требуется jquery-ui.min

если вы запустили консоль: Rails.application.config.assets.paths вы получите все пути, на которые Rails будут искать активы. Например, в моем случае:

- /Users/aldo/Satio/Desarrollo/rails/subaquaclub/app/assets/images
- /Users/aldo/Satio/Desarrollo/rails/subaquaclub/app/assets/javascripts
- /Users/aldo/Satio/Desarrollo/rails/subaquaclub/app/assets/stylesheets
- /Users/aldo/Satio/Desarrollo/rails/subaquaclub/vendor/assets/javascripts
- /Users/aldo/Satio/Desarrollo/rails/subaquaclub/vendor/assets/stylesheets
- /Users/aldo/.rvm/gems/[email protected]/gems/jquery-rails-1.0.13/vendor/assets/javascripts

См. последнюю строку? если вы зарегистрируетесь там, вы найдете jquery-ui, так что вы идете.

Ответ 5

цитата из руководство jquery-rails:

Чтобы использовать тематические части пользовательского интерфейса jQuery, вам также нужно будет предоставить свою собственную тему CSS. Дополнительную информацию см. на странице jqueryui.com.

Итак, вы должны включать или стилизовать их сами! Просто укажите тему .css в заголовке своей страницы. В Rails 3 вы добавили css в public/stylesheets, не знаете, для Rails 3.1.

Ответ 6

Просто помните, что //= require jquery.ui.all должен быть после //= require_tree .

Потерял много времени из-за этого, так как большинство функций JQuery UI не будут работать.

Ответ 7

jquery-rails больше не имеет jquery-ui как часть своих активов. Для этого вы должны использовать gem 'jquery-ui-rails'.

Кроме того, чтобы узнать, где объект прибывает в рельсы, вы можете сделать следующее:

paths = Rails.application.config.assets.paths
for path in paths do
  puts "Found in: #{path}" if Dir.glob("#{path}/*").grep(/jquery-ui/).present?
end

Это должно облегчить поиск актива.

Ответ 8

Если у вас есть jquery-rails в Gemfile, просто выполните:

//= require jquery-ui

или

//= require jquery-ui.min

оба будут работать нормально. Если нет, попробуйте обновить jquery-rails gem

Не забывайте файлы css, здесь я прочитал несколько статей по этому другому ответу: Ruby on Rails 3.1 и jQuery UI images и заставил его работать таким образом

*= require jquery-ui/jquery-ui.css

это путь к файлам:

vendor/assets/stylesheets/jquery-ui/jquery-ui.css 
vendor/assets/images/jquery-ui/images/ (your theme images)