1

我在基础 6 中的顶部栏不知何故无法工作(不知何故,foundation.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>

这就是发生的事情:

这就是发生的事情......

这是我的 JS 文件夹:

这是我的 js 文件夹

4

3 回答 3

2

只是您正在使用 Foundation 5.x 样式进行编码。看看这个: http: //foundation.zurb.com/sites/docs/top-bar.html

于 2015-11-26T23:36:19.530 回答
0

看起来您只是将其作为静态页面 (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"
于 2016-03-08T09:02:45.400 回答
0

谢谢你。并从 git 上的基础下载并导入 .js 文件夹。顶栏将“工作”。

于 2015-11-28T06:41:11.637 回答