菜单未显示使用Foundation

时间:2017-04-08 01:27:10

标签: css css3 zurb-foundation

我有最新的基础完整版,我正在学习本教程。 https://www.youtube.com/watch?v=RK_k__4Y4TU 我想要一个菜单​​,但我的网站上什么都没有。它只是空白。

<!doctype html>
<html class="no-js" lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-
    scale=1.0">
    <title>Foundation for Sites</title>
    <link rel="stylesheet" href="css/foundation.css">
    <link rel="stylesheet" href="css/app.css">
  </head>
  <body>

    <div class="off-canvas position-left" id="offCanvas" data-off-canvas>
        <ul class="menu vertical">
            <li><a href="#" target="_blank">Links</a></li>
            <li><a href="#" target="_blank">Links</a></li>
        </ul>
    </div>

    <div class="off-canvas-content" data-off-canvas-content></div>  

    <script src="js/vendor/jquery.js"></script>
    <script src="js/vendor/what-input.js"></script>
    <script src="js/vendor/foundation.js"></script>
    <script src="js/app.js"></script>
  </body>
</html>

1 个答案:

答案 0 :(得分:0)

我尝试过你的代码,但唯一的错误就是你写了off-canvas off-canvas-wrap {。}} 没有名称为off-canvas的班级 <div class="off-canvas-wrap position-left" id="offCanvas" data-off-canvas>