当html文件位于文件夹中时，CSS无法在带有js的模板中工作

Question

我是新手使用模板。 如果我把我的html放在另一个文件夹中，我的CSS无法正常工作。

我已经意识到css正在通过JavaScript应用，我也是新的。 我已经指导css / js链接正确的文件夹和文件，但它仍然无法正常工作。

相关文件是/Linear/index.html和/Linear/builds/index.html （错误在哪里）和js和css文件夹

https://www.dropbox.com/s/cmmdybvbhvff0w4/Linear.zip?dl=0

Answer 1

删除css链接周围的noscript标记将解决此问题;

所以，而不是

<noscript>
        <link rel="stylesheet" href="../css/skel-noscript.css" />
        <link rel="stylesheet" href="../css/style.css" />
        <link rel="stylesheet" href="../css/style-desktop.css" />
</noscript>

你有;

<link rel="stylesheet" href="../css/skel-noscript.css" />
<link rel="stylesheet" href="../css/style.css" />
<link rel="stylesheet" href="../css/style-desktop.css" />

您可以在此处下载修改后的版本

https://www.dropbox.com/s/lewnpt0iy980i53/Linear-Modified.zip?dl=0

Answer 2

在您的模板中使用了skel.js和定义在其中的样式基本路径。 因此，如果您希望其他子文件夹中存在的其他html文件运行良好，则必须更改skel.js文件。

另外在index.html文件中使用了“noscript”标签。 它的意思是如果你的浏览器不支持JavaScript然后加载css文件，那么如果删除这个标签它就像root文件夹中存在的文件一样。

    <script type="text/javascript" src="../js/skel.min.js"></script>
    <script type="text/javascript" src="../js/skel-panels.min.js"></script>
    <script type="text/javascript" src="../js/init.js"></script>

    <link rel="stylesheet" href="../css/skel-noscript.css" />
    <link rel="stylesheet" href="../css/style.css" />
    <link rel="stylesheet" href="../css/style-desktop.css" />

</head>