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 の Foundation から .js フォルダーをダウンロードしてインポートします。トップバーは「機能」します。

于 2015-11-28T06:41:11.637 に答える