2014-11-08 114 views
0

我正在爲concrete5構建一個模板。我面臨的問題是我必須從javascript文件訪問css路徑。其中有這樣做的插件使用:在JavaScript中訪問路徑(concrete5)

breakpoints: { 
     'global': { range: '*', href: '/css/style.css', containers: 0, grid: { gutters: 0 } } 
    } 

文件我試圖訪問位於

domain.com/application/themes/test/css/style.css 

,而不是在

domain.com/css/stlye.css 

還挺堅持我的初學者的JavaScript技能在此刻。 控制檯爲我提供了該文件的錯誤404。有道理的,因爲style.css文件不在,我正在尋找它..

JS文件位於:

domain.com/application/themes/test/js/init.js 

如何訪問style.css文件?

+0

以及究竟是你的問題?目前還不清楚你想要什麼幫助或者如何獲得正確的信息來構建適當的路徑。 – jfriend00 2014-11-08 20:17:00

+0

Sry,做了一個編輯。更好? – Paco 2014-11-08 20:18:13

+0

提前知道'domain.com/application/themes/test'還是必須從某處獲取? – jfriend00 2014-11-08 20:18:49

回答

0

我相信使用下面的路徑應該工作。

/application/themes/test/css/style.css 

將/放在url的前面會使瀏覽器首先在主文件夾中查找。這就是爲什麼當你在對象中放置url「/css/style.css」時你得到了「domain.com/css/stlye.css」。

所以我會嘗試以下更改對象,以確定它的工作原理:

breakpoints: { 
    'global': { range: '*', href: '/application/themes/test/css/style.css', containers: 0, grid: { gutters: 0 } } 
} 
1

如果domain.com/application/themes/test事先知道的話,那看來你可以做這在Javascript:

var path = "http://domain.com/application/themes/test" + breakpoints.global.href; 

如果需要,一旦你有路徑來加載該樣式文件,然後你this answer告訴您如何要做到這一點(你構建一個<link>標籤在它這條道路,並添加到<head>部分。

var path = "http://domain.com/application/themes/test" + breakpoints.global.href; 
$('head').append('<link rel="stylesheet" href="' + path + '" type="text/css" />'); 
+0

工作!謝謝。 – Paco 2014-11-08 20:22:17