我正在使用下载的模板制作网站。我在我想放一些网页的根目录中创建了一个新文件夹。根目录下还有js和css的文件夹。
示例根
-css
---style.css
-js
---skel.min.js
-folder
---page1.html
---page2.html
当我在 Dreamweaver 中预览 page1.html 时,一切正常(链接样式表链接已更新到正确的文件夹)。但是,当我在 Chrome 中预览时,无法正确访问样式表。它想从不存在的 folder/css/style.css
中提取数据。
在 Chrome 上使用检查控制台。它告诉我 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
最佳答案
用标签中的绝对路径替换相对路径:
<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,但它似乎正在删除样式的相对路径部分 ../
。
关于javascript - 由于 JS,CSS 未从正确的文件夹加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41835990/