【问题标题】:CSS Not Loading From Correct Folder Due to JS由于 JS,CSS 无法从正确的文件夹加载
【发布时间】:2017-01-24 18:09:45
【问题描述】:

我正在使用我下载的模板在网站上工作。我在要放置一些网页的根目录中创建了一个新文件夹。 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 文件夹中提取。

谁能给我任何帮助或建议?

这里是运行不正常的代码的 sn-p。

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

【问题讨论】:

    标签: javascript css


    【解决方案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,但它似乎正在删除样式的相对路径部分 ../

    【讨论】:

    • 我之前和现在都试过了,但对它没有任何影响。还有其他建议吗?
    【解决方案2】:

    我没想过四处寻找有关实际 skel.min.js 的帮助。我只是在使用无效的代码 sn-p 进行搜索。我对实际的 js 文件进行了一些搜索,发现我必须将 init.js 文件中的前缀更改为

    prefix: '/css/style',

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

    现在一切正常。

    谢谢你的灵感,安东尼!

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-01-08
      • 2017-12-11
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多