Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ruby-on-rails-3/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ruby on rails 3 向Rails应用程序添加滑块_Ruby On Rails 3_Jquery Ui_Slider_Asset Pipeline_Erb - Fatal编程技术网

Ruby on rails 3 向Rails应用程序添加滑块

Ruby on rails 3 向Rails应用程序添加滑块,ruby-on-rails-3,jquery-ui,slider,asset-pipeline,erb,Ruby On Rails 3,Jquery Ui,Slider,Asset Pipeline,Erb,我在向rails 3应用程序添加简单滑块时遇到问题。我的JavaScript中似乎没有任何错误: 我的文件有: gem 'jquery-rails' group :assets do gem 'jquery-ui-rails' end skills.js.coffee: jQuery -> $('#slider').slider skills/show.html.erb: <div id="slider"></div> 它不会出现在我的应用程序中。我

我在向rails 3应用程序添加简单滑块时遇到问题。我的JavaScript中似乎没有任何错误:

我的文件有:

gem 'jquery-rails'

group :assets do
  gem 'jquery-ui-rails'
end
skills.js.coffee:

jQuery ->
  $('#slider').slider
skills/show.html.erb:

<div id="slider"></div>
它不会出现在我的应用程序中。我还需要采取什么其他步骤才能让它出现


感谢您将jquery ui添加到css中

将以下内容添加到
application.css

*= require jquery.ui.slider

感谢simonmorley for solution

控制台是否显示您的咖啡脚本文件已加载?啊,您是否也加载了样式表?我现在还不在我的笔记本电脑旁,但我想你需要它们。谢谢,这很有效
*=需要application.cssHey中的jquery.ui.slider
,很高兴听到这个消息!谢谢你的加号。但我应该把它写在一个答案里;)此外,如果您指定的是单个jquery组件,而不是完整的//=requirejQuery ui(例如,如果您混合了引导和jquery,有时会出现问题,例如我认为是使用日期选择器),那么将//=requirejQuery.ui.slider添加到application.js将起作用
*= require jquery.ui.slider