4

我是 skel.js 框架的新手，遇到了一些问题。

我从 HTML5UP.net（Zerofour 主题）下载了一个模板，并为我的网站修改了所有模板，但是 CSS 没有正确显示在我的无侧边栏和左侧边栏页面上。

我有一个包含以下链接（与他们的模板相同）：

    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800"         rel="stylesheet" type="text/css" />

    <script src="http://www.**********.com/js/jquery.min.js"></script>
    <script src="http://www.**********.com/js/jquery.dropotron.js"></script>
    <script src="http://www.**********.com/js/config.js"></script>
    <script src="http://www.**********.com/js/skel.min.js"></script>
    <script src="http://www.**********.com/js/skel-panels.min.js"></script>

    <noscript>
        <link rel="stylesheet" href="http://www.*********.com/css/skel-noscript.css" />
        <link rel="stylesheet" href="http://www.*********.com/css/style.css" />
        <link rel="stylesheet" href="http://www.*********.com/css/style-desktop.css" />
    </noscript>

如果我绕过 noscript，网页会按原样显示，但会失去所有移动和可流动的能力。

任何想法将不胜感激！

插件：如果我将我的页面移动到根目录并更新链接，那么 CSS 可以工作，但在它们的子目录中，只有基本布局可以工作。

    <?php
    define(currentDIR,'../');
    include (currentDIR.'includes/_functions.php');
    ?>
    <html>
<head>
    <?php include(currentDIR.'includes/_metalinks.php'); ?> //This is where the code above is stored
</head>
4

3 回答 3

11

我在 Django 中使用 HTML5up 模板时也遇到了这个问题。如果您对静态文件使用不同的目录配置，则必须在 init.js 或 config.js 文件中指定此配置（确切的文件取决于您使用的模板以及它的更新时间）。对我来说，我必须在 init.js 文件中修改以下 skelJS 前缀：

    var helios_settings = {
        // other settings here

        skelJS: {prefix: '/static/css/style',

        // other settings here
        }

基本上，这个目录前缀需要匹配你有静态文件的任何地方。

于 2013-10-22T19:13:50.637 回答
0

我想你忘了添加

        <link rel="stylesheet" href="css/style-noscript.css" />
于 2013-10-22T14:43:06.330 回答
0

我遇到了同样的问题，并且能够通过修改 config.js 文件以使用绝对路径来修复它，如下所示：

prefix: '/css/style',

现在根目录和其他目录中的文件始终保持样式。

于 2016-07-26T23:19:56.477 回答