ruby-on-rails-3 - 将 slider 添加到 Rails 应用程序

标签 ruby-on-rails-3 jquery-ui slider asset-pipeline erb

我在向我的 Rails 3 应用程序添加一个简单的 slider 时遇到了问题。我的 JavaScript 中似乎没有任何错误:

我的 Gemfile 有:

gem 'jquery-rails'

group :assets do
  gem 'jquery-ui-rails'
end

skills.js.coffee:

jQuery ->
  $('#slider').slider

技能/show.html.erb:

<div id="slider"></div>

应用程序.js

//= require jquery
//= require jquery_ujs
//= require jquery-ui
//= require bootstrap
//= require_tree .

它没有出现在我的应用程序中。我是否需要采取任何其他步骤才能使其显示出来?

谢谢

最佳答案

需要将 jquery ui 添加到 css。

将以下内容添加到 application.css

*= require jquery.ui.slider

感谢 simonmorley 的解决方案

关于ruby-on-rails-3 - 将 slider 添加到 Rails 应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13697472/

相关文章:

jQueryUI Sortable - 使两个 Sortable 同时移动

ios - 自定义美丽的时间 slider

jQuery + CSS 滚动到容器部分

ruby-on-rails - 如何使用模块动态地将类方法添加到 Rails 模型

javascript - 如何从元素数组中获取元素并渲染它?

javascript - 使用 AngularJS 更新表中值的最佳实践

Jquery UI slider : progressive scale divisions and grid

ruby-on-rails-3 - 使用 git 更改存储库时出现 Capistrano 错误

ruby-on-rails - 使用 godaddy 在 heroku 上添加 SSL 证书

routes - Rails 3 路线和模块