2013-05-11 138 views
0

我试图让Jquery-UI正常工作,并且很难让它工作。我确实阅读了this关于在ROR中使用jQuery UI的文章。我也将这些图像复制到app/stylesheets/images。我无法使datepicker小部件或jqueryUI样式的文本框工作。任何建议,我错过了什么?rails 3.2 jquery ui无法正常工作

的application.js

//= require_tree . 
//= require_self 
//= require jquery 
//= require jquery-ui.min 
//= require jquery_ujs 

Application.css

*= require_tree . 
*= require jquery.ui.all 
*= require jquery-ui-1.10.3.custom.css 
*= require_self 

的Gemfile

gem 'jquery-ui-rails' 
+0

[gem documentation](https://github.com/joliss/jquery-ui-rails)声明你应该有'// = require jquery.ui。 all'在你的'application.js'中,而不是'// =需要jquery-ui.min' – mccannf 2013-05-11 23:12:46

回答

0

试试这个

application.html.erb

<%= stylesheet_link_tag "http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/redmond/jquery-ui.css", "application" %> 
<%= javascript_include_tag "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js", "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js","jquery-rails.js"%> 

的application.js

$(function() { 
    $("#book_published_on").datepicker(); 
}); 

new.html.erb

<%= form_for @books do |f| %> 
Name :<%= f.text_field :name %><br /> 
Publish date :<%= f.text_field :published_on %><br></div> 
<%= f.submit %> 
<% end %> 

没有必要添加任何额外的宝石。默认的宝石'jquery-rails'就够了