2013-04-08 19 views
8

Sto cercando di aggiungere jquery ui datepicker alla mia applicazione con l'aiuto di jquery-ui-rails gem. Ho controllato Railscast Mi sembra di fare tutto bene , ma ottengo un errore all'avvio dell'applicazione
couldn't find file 'jquery.ui.all'gem jquery-ui-rails non ha trovato il file 'jquery.ui.all' (

Gemfile (fine di esso, ha cercato di includere gioiello nel gruppo attivo ma senza fortuna):

gem 'backbone-on-rails' 
gem "jquery-ui-rails" 

application.js

//= require jquery 
//= require jquery_ujs 
//= require underscore 
//= require backbone 
//= require svitla_test 
//= require_tree ../templates 
//= require_tree ./models 
//= require_tree ./collections 
//= require_tree ./views 
//= require_tree ./routers 
//= require_tree . 
//= require jquery.ui.all 

application.css

*= require jquery.ui.all 
*= require_self 
*= require_tree . 
+1

provare a mettere dopo jquery –

+0

Dove esattamente cosa vuoi dire? – Elmor

+1

Ho provato in application.js e application.css per inserire le righe necessarie nella parte inferiore del blocco require. ottieni ancora quell'errore – Elmor

risposta

8

Mettere //= require jquery.ui.all subito dopo //= require jquery così sarà simile a questa

//= require jquery 
//= require jquery.ui.all 
//= require jquery_ujs 
//= require underscore 
//= require backbone 
//= require svitla_test 
//= require_tree ../templates 
//= require_tree ./models 
//= require_tree ./collections 
//= require_tree ./views 
//= require_tree ./routers 
//= require_tree . 

nota che l'ordine di cui sono scritte queste righe è l'ordine che questi file vengono caricati .. Quindi se si chiama una funzione jquery-ui prima di sapere cosa è jquery-ui, molto probabilmente è necessario modificare un po 'l'ordine ..

In genere è consigliabile inserire i file di infrastruttura prima dei propri file per evitare questo tipo di problemi

21

Alla versione 5.0 è stato modificato. Potete leggere di più su di esso here.

versione 5.0:

application.js:

//= require jquery-ui 

application.css:

/* 
*= require jquery-ui 
*/ 

versione 4.x (sono sicuro che su 4.2.0 e 4.2.1):

application.js:

//= require jquery.ui.all 

application.css:

/* 
*= require jquery.ui.all 
*/ 
+0

Grazie mille. – nathanengineer