jquery-ui - fontface - rails 5 font face

Rails 3.1 y activos de jquery-ui

Question

Esto se hizo en otra pregunta, pero ninguna de las soluciones parece funcionar para mí en 3.1rc1.

Estoy tratando de usar las cosas de los nuevos activos en los rieles 3.1 - Tengo los archivos:

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

Luego agregué:

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

El archivo Javascript de jquery-ui se carga muy bien, pero el archivo css dice:

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

¿Algunas ideas?

Answer 1

¿Has intentado utilizar la gema rails-asset-jqueryui ? Vende jquery-ui y los temas estándar (actualmente v1.8.16) y los pone a disposición a través de la canalización de activos. El siguiente ejemplo requiere el tema Suavidad.

Gemfile:

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

app / assets / javascripts / application.js:

...
//= require jqueryui
...

app / assets / stylesheets / application.css:

...
= require smoothness
...

Answer 2

Ejemplo de una configuración de trabajo:

    $ 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
            ...

Finalmente ejecuta este comando:

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

Disfruta tu jQuery UI

Answer 3

Este es un gran artículo para leer sobre la canalización de activos de Rails 3.1 y la interfaz de usuario de jQuery: css e imágenes de JQuery-UI, y la canalización de activos de Rails.

Answer 4

Este tema surge mucho, y ahora que ha pasado una cantidad significativa de tiempo, las cosas pueden ser diferentes.

En Rails 3.1.2, encontré algo que funciona sin enlaces simbólicos. Siga los pasos anteriores, pero coloque las imágenes para el tema justo al lado del archivo jquery-ui-xxx.css en una carpeta images /. Esto me ahorró bastantes dolores de cabeza.

Sí, esto significaría que las imágenes residirían en una carpeta stylesheets / en proveedores / activos, pero funciona y es rápido de hacer.

Answer 5

Me parece que se puede evitar mucha confusión manteniendo estos activos de la biblioteca fuera de assets / javascripts y assets / stylesheets dirs, donde sprockets et al tienen algunas opiniones sobre lo que debería suceder.

Supongamos que ha descargado un archivo zip jquery-ui personalizado del themeroller. Prueba esto:

1. descomprimir el archivo zip en un subdirectorio de un directorio de activos, algo así como

   vendor/assets/jquery-ui-1.8.23.custom

2. en application.rb agrega:

   config.assets.paths << Rails.root.join(''vendor'', ''assets'', ''jquery-ui-1.8.23.custom'').to_s

3. agregue archivos de manifiesto en los lugares habituales:

   proveedor / assets / javascripts / jquery-ui.js:

   //= require_tree ../jquery-ui-1.8.23.custom

   proveedor / assets / stylesheets / jquery-ui.css:

   *= require_tree ../jquery-ui.1.8.23.custom

4. en config / environments / production.rb, agregue (refiriéndose a los nombres de archivo de manifiesto):

   config.assets.precompile += %w(jquery-ui.js jquery-ui.css)

5. en vistas:

   <%= stylesheet_link_tag ''jquery-ui'' %>
   <%= javascript_include_tag ''jquery-ui'' %>

Answer 6

Puede tener más suerte con la gema jquery-ui-rails (ver announcement ), que empaqueta los JavaScripts de jQuery UI, hojas de estilo e imágenes como recursos para usted.

Answer 7

Si está usando la gema jquery-ui-rails:

application.css

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

application.js

//= require jquery.ui.all

Answer 8

si usas esto:

https://github.com/carlhoerberg/sprockets-urlrewriter

Creo que puedes volcar todo el shebang en un directorio y requerir el archivo css ... reescribirá sin problemas las direcciones URL relativas.

solo tienes que instalar la gema y agregar una línea de configuración a application.rb