52 votes

Rails 3.1 et jquery-ui assets

Cela a été posé dans une autre question, mais aucune des solutions ne semble fonctionner pour moi dans 3.1rc1.

J'essaie d'utiliser les nouveaux éléments d'actif dans rails 3.1 - j'ai les fichiers:

 ./vendor/assets/stylesheets/jquery-ui-1.8.13.custom.css
./vendor/assets/javascripts/jquery-ui-1.8.13.custom.min.js
 

J'ai ensuite ajouté:

 //= require jquery-ui to app/assets/javascripts/application.js
*= require jquery-ui to app/assets/stylesheets/application.css
 

Le fichier javascript jquery-ui se charge très bien, mais le fichier css indique:

 Sprockets::FileNotFound (couldn't find file 'jquery-ui'
     (in /home/xanview2/xancar/app/assets/stylesheets/application.css):6):
 

Des idées?

63voto

denysonique Points 3215

Exemple de configuration de travail:

     $ cat app/assets/javascripts/application.js

    //= require jquery
    //= require jquery-ui


    $ cat app/assets/stylesheets/application.css

    /*
     *= require vendor
     *
     */


    $ cat vendor/assets/stylesheets/vendor.css

    /*
     *= require_tree ./jquery_ui 
     *
     */

    vendor/assets/ $ tree
     stylesheets
         vendor.css
             jquery_ui
                      jquery-ui-1.8.13.custom.css
                      ...
     images
        jquery_ui
            ui-bg_flat_0_aaaaaa_40x100.png
            ...
 

Enfin, lancez cette commande:

     vendor/assets/images $ ln -s jquery_ui/ images
 

Profitez de votre interface utilisateur jQuery

11voto

eduludi Points 533

C'est un excellent article à lire sur le pipeline d'actifs de Rails 3.1 et l'interface utilisateur de jQuery: css et images JQuery-UI, et le pipeline d'actifs de Rails

8voto

Jo Liss Points 6692

Vous avez peut-être plus de chance avec le joyau jquery-ui-rails (voir l' annonce ), qui contient les scripts JavaS, les feuilles de style et les images de jQuery UI comme ressources.

6voto

dmonopoly Points 767

Ce sujet revient souvent, et maintenant que beaucoup de temps a passé, les choses peuvent être différentes.

Dans Rails 3.1.2, j'ai trouvé quelque chose qui fonctionne sans liens symboliques. Suivez les étapes ci-dessus, mais placez les images du thème juste à côté du fichier jquery-ui-xxx.css dans un dossier / images. Cela m'a évité pas mal de maux de tête.

Oui, cela signifierait que les images résideraient dans un dossier de feuilles de style / fournisseur / actif, mais cela fonctionne et est rapide à faire.

5voto

Doc Walker Points 131

Avez-vous essayé d'utiliser le joyau rails-asset-jqueryui ? Il vend jquery-ui et les thèmes standard (actuellement la version 1.8.16) et les met à disposition via le pipeline d’actifs. L'exemple suivant appelle le thème Smoothness.

Gemfile:

 ....
gem 'rails-asset-jqueryui'
...
 

app / assets / javascripts / application.js:

 ...
//= require jqueryui
...
 

app / assets / stylesheets / application.css:

 ...
= require smoothness
...
 

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X