Question

我正在使用我下载的模板在网站上工作。我在根目录中创建了一个新文件夹，我想在其中放置一些网页。根目录中还有js和css的文件夹。

示例根

-css
---style.css
-js
---skel.min.js
-folder
---page1.html
---page2.html

当我在Dreamweaver中预览时，所有内容都在page1.html上正常工作（链接样式表链接已更新到正确的文件夹）。但是，当我在Chrome中预览时，样式表无法正确访问。它想要从不存在的folder/css/style.css拉出来。

在Chrome上使用Inspect Console。它告诉我js中的某些东西（skel.min.js）试图从不存在的css文件夹中提取。

有人可以向我提供任何帮助或建议吗？

以下是似乎无效的代码片段。

registerLocation: function(e, t) {
            var n = "_skel_attach",
                r = "appendChild";
            e == "head" ? t[n] = function(e) {
                this === _.me.parentNode ? this.insertBefore(e, _.me) : this[r](e)
            } : t[n] = function(e) {
                this[r](e)
            }, _.locations[e] = t
        },

如果您需要更多信息，此处还有指向该网页的链接：http://exq-leadership.com/podcasts/episode01.html

Answer 1

用标签中的绝对路径替换您的相对路径：

<link rel="stylesheet" href="../css/style.css" type="text/css" media="all">

应该是

<link rel="stylesheet" href="/css/style.css" type="text/css" media="all">

虽然我不熟悉skel，但它似乎正在删除样式的相对路径部分../。

Answer 2

我没想到寻找实际的skel.min.js的帮助。我只是搜索不起作用的代码片段。我做了一些搜索实际的js文件，发现我必须将init.js文件中的前缀更改为

prefix: '/css/style',

这对我有所帮助：skel.js Framework / HTML5UP Template CSS issues

现在一切正常。

感谢你的灵感，安东尼！

由于JS，CSS无法从正确的文件夹加载

2 个答案: