rails4でjquery-ui-railsを使って画像が表示されない場合

これはハマる。

rails4になってasset pipelineの挙動が変更になったようで、今までのようにgemfileにjquery-ui-railsを追加しただけでは、うまく画像のパスを探せずに画像が表示されない。

解決策としては手動でjquery-uiをダウンロードしてcss、js、imagesを追加する。
日本語化する場合はui/i18nの下にある日本語化のjsも忘れずに。

rails4ではapp/assets以下のパスを参照するとエラーになるので、app/assets/stylesheetsに追加したjquery-uiのimagesディレクトリをpublic以下に移し、jquery-ui-1.10.4.cssの画像パスを変更する。

前
url("images/ui-bg_flat_0_aaaaaa_40x100.png")
後
url("/images/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png")
＊この場合、public/images/jquery-ui以下に画像を置いている。

あー、すっきりした。