2016-01-05 70 views
1

jQuery-UI圖標未顯示在我的生產服務器上。在瀏覽器控制檯中,它們顯示爲404並且無法加載。他們在本地開發很好,所以我不確定會出現什麼問題。在生產環境中未顯示jquery-ui圖標

我使用的定製主題位於vendor/assets/stylesheets下的images子目錄中。

有誰知道什麼可能導致這些圖標不顯示在生產中?

我已經嘗試在css中更改到url的路徑,並且已經在生產環境中預編譯資源。

這是我如何把它設置了:

vendor 
assets 
    stylesheets 
    images 
    **icons and custom theme** 
    jquery-ui.css 

application.css.scss

*= require_self 
    *= require foundation_and_overrides 
    *= require slick 
    *= require slick-theme 
    *= require jquery-ui 
    *= require main 
    */ 

圖像路徑

這裏是不加載圖像之一在生產中

.ui-widget-content .ui-icon { 
    background-image: url("images/ui-icons_469bdd_256x240.png"); 
} 
+0

嗨,檢查在CSS文件中的圖標路徑。 –

回答

2

對於資產管道指紋識別工作,你需要使用Rails的助手在你的CSS文件:

.ui-widget-content .ui-icon { 
    background-image: url(<%= asset_path "images/ui-icons_469bdd_256x240.png" %>); 
} 

更多細節here

+0

感謝您的幫助。我最終爲css文件添加了一個'.scss'擴展名,並且類似於您使用資產助手的答案。 –