Question

我正在为concrete5构建一个模板。我面临的问题是我必须从javascript文件访问css路径。必须执行此操作的插件使用：

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文件？

Answer 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" />');

Answer 2

我相信使用以下路径应该有效。

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

将/放在网址前面将使浏览器首先显示在主文件夹中。这就是为什么你得到＆＃34; domain.com/css/stlye.css"当你放置网址＆＃34; /css/style.css"在你的对象中。

因此，我会尝试对您的对象进行以下更改，以确定它是否有效：

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

在javascript中访问路径（concrete5）

2 个答案: