2016-10-26 82 views
0

在jquery-ui附帶的圖像中出現問題,它顯示爲404 - 在Chrome檢查器中找不到。jquery-ui無法在grails中正確加載ui圖像

enter image description here

但是,這些文件實際上是在我的申請權plact資產/ images目錄:

enter image description here

在檢查網絡表,但似乎表明對於一些問題文件類型:

enter image description here

它看起來像jquery試圖加載這些PNG作爲文本。難道這就是爲什麼有一個問題定位文件

任何人都知道如何解決這個問題?

回答

0

RVargas問一個很好的問題是,其中被加載其他資產形式在頁面中。 Interestly,我的JavaScript的,它生活在在grails-app /資產/樣式表目錄正在加載如下:

<script type="text/javascript" src="/assets/jquery-2.2.0.min.js?compile=false"></script> 

通知「樣式」子目錄中沒有提及。所以顯然grails是以某種方式解決所有資產,就好像它們都住在資產目錄中,而不是個人子文件夾javascripts/images/stylesheets。顯然,jquery-ui不知道這個,所以它在assets/images /子目錄中尋找圖像資產。

爲了讓jquery-ui正常工作,我必須在assets/javascripts下創建images目錄,例如assets/javascripts/images,並將jquery圖片資源放在那裏,以便應用程序能夠使用assets/images url找到它們。

0

在您的控制檯屏幕截圖中,圖像指向localhost:8080而不是localhost:8080/myapp/。我認爲這是問題。

您需要更改jQuery UI的路徑使用你的應用程序正確的路徑或Config.groovy中的解決方法,加入這一行:

grails.app.context = "/" 
+0

使用Grails 3,沒有config.groovy。這仍然適用? – user1023110

+0

另外,似乎不是這個可能的問題。控制器使用本地主機:8080/[控制器名稱]加載罰款,沒有明顯需要的應用程序名稱。 jquery本身加載了這個標籤: user1023110

+1

你能否給我一個找到資產的url的例子?另外,我不認爲你需要'compile = false'。 – rvargas

相關問題