Question

我对基金会有点新意，我正在尝试创建一个顶级栏，但我的代码并没有为我创建顶级栏。你能帮我吗？？？我已经查看了顶栏的文档，但我仍然卡住了。

提前谢谢。

<!doctype html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Foundation | Welcome</title>
   <link rel="stylesheet" href="css/normalize.css">
  <link rel="stylesheet" href="css/foundation.css">

    <script src="js/vendor/modernizr.js"></script>
  </head>
  <body>

    <!--<div class="row">
      <div class="meduim-6 columns"><img src="http://placehold.it/300x100"></div>

    </div>-->
    <div class="contain-to-grid sticky">
      <nav class="top-bar" >

      </nav>
    </div>



    <script src="js/vendor/jquery.js"></script>
  <script src="js/foundation/foundation.js"></script>
  <script src="js/foundation/foundation.topbar.js"></script>
  <!-- Other JS plugins can be included here -->

  <script>
    $(document).foundation({

  topbar : {
    custom_back_text: false,
    is_hover: false,
    mobile_show_parent_link: true
  }
});
  </script>
  </body>
</html>

提前谢谢。

Answer 1

您的app.css和app.js缺失

<head>
  <!-- Included CSS Files -->
  <link rel="stylesheet" href="stylesheets/foundation.min.css">
  <link rel="stylesheet" href="stylesheets/app.css">

  <!-- Custom Modernizr -->
  <script src="javascripts/foundation/modernizr.foundation.js"></script>
</head>
<body>
  <!-- jQuery -->
  <script src="javascripts/jquery.js"></script>

  <!-- JS Files-->
  <script src="javascripts/foundation.min.js"></script>

  <!-- Initialize JS Plugins -->
  <script src="javascripts/app.js"></script>
</body>

基金会Zurb＆amp;顶栏不显示

1 个答案: