Question

我在基础6中的顶栏不知何故不起作用（不知道，基础.topbar.js不在那里）。所以，请帮我补充一下。

我是基金会的新手 - 就像一个总的菜鸟。我13岁。所以，请考虑一下。：）

这里是整个代码：

<!doctype html>
<html class="no-js" lang="en">
  <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 | Welcome</title>
    <link rel="stylesheet" href="css/foundation.css" />
    <link rel="stylesheet" href="css/app.css" />
  </head>
  <body>
    <nav class="top-bar">
      <ul class="title-area">
        <li class="name">
          <h1><i>Title</i></h1>
        </li>
      </ul>
    </nav>
    <div class="row">
      <div class="large-12 columns">
        <div class="callout">
          <h1>HEADER</h1>
        </div>
      </div>
    </div>
    <script type="text/javascript" src="<? bloginfo('template_url'); ?>/css/foundation-5.2.2/js/foundation/foundation.topbar.js"></script>
    <script src="js/vendor/jquery.min.js"></script>
    <script src="js/vendor/what-input.min.js"></script>
    <script src="js/foundation.min.js"></script>
    <script src="js/app.js"></script>

  </body>
</html>

这就是：

This is what happens...

这是我的JS文件夹：

this is my js folder

Answer 1

只是你在Foundation 5.x风格中编码。看看这个：http://foundation.zurb.com/sites/docs/top-bar.html

Answer 2

谢谢你。还可以从git上的基础下载并导入.js文件夹。顶部栏将＆＃34;工作＆＃34;。

Answer 3

您似乎只是将其作为静态页面（html）

运行

然而，在您的javascript路径中包含了您的

<? bloginfo('template_url'); ?>

哪个看起来像是php函数

我可能建议您运行WAMPserver之类的服务（假设您正在运行Windows，这是在本地计算机上运行Apache Mysql和PHP的简单方法。

附加说明：如上所述，看起来您似乎包括基础5.x代码

"<? bloginfo('template_url'); ?>/css/foundation-5.2.2/js/foundation/foundation.topbar.js"

基础6中的TopBar不起作用

3 个答案: