javascript - skel.js 框架/HTML5UP 模板 CSS 问题

标签 javascript php html css skel

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

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

我有一个包含以下链接(与他们的模板相同):

    <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>

最佳答案

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

    var helios_settings = {
        // other settings here

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

        // other settings here
        }

基本上,这个目录前缀需要与您拥有静态文件的任何地方相匹配。

关于javascript - skel.js 框架/HTML5UP 模板 CSS 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19520865/

相关文章:

javascript - PhantomJS 不保存 cookie

php - preg_match() : No ending delimiter '/'

javascript - 调用一个 div 类并将其插入另一个 html 文件的 div 标签中而不编辑它

php - 从 PHP 中的一个波斯字符串中删除一些特殊的 HTML

html - 如果页面宽度缩小,将 4 张图像水平居中并垂直堆叠?

javascript - 尝试将旧的 React native 文件更新为 0.30

javascript - 如何解决我的 Cloud Functions 项目中的新 ESLint 错误?

javascript - 防止表单重定向或刷新提交?

php - 登录时通过 ajax 连接到 mysql 返回的 json 中有 html 代码

php - 如何从按日期存储在数组中的表中获取所有用户?