2013-05-11 3 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'就夠了