javascript - 由于 JS,CSS 未从正确的文件夹加载

标签 javascript css

我正在使用下载的模板制作网站。我在我想放一些网页的根目录中创建了一个新文件夹。根目录下还有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/

相关文章:

php vs htm,奇怪的差距

html - 如何将样式表渲染到页面 View

css - phpstorm 中 compass 的文件观察器

javascript - React.js 使用非状态变量时出现错误,因为组件正在更改要控制的文本类型的不受控制的输入

javascript - node.js 脚本中的 SQLITE_MISUSE 错误

javascript - 如何检查单选按钮是否被选中,然后检查下一个单选按钮并显示不同的内容?

html - 调整浏览器大小时元素不会重新定位

javascript - 递归地深度扁平化 JavaScript 对象

javascript - 如何使标记可拖动、标记和删除?使用 Google map javascript API

html - 无法使用 CSS 让字段适合一行