/ ファウンデーション6のTopBarは動作しません - zurb-foundation、zurb-foundation-6

基礎6のTopBarが動作しない - zurb-foundation、zurb-foundation-6

ファウンデーション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フォルダです

回答:

回答№1は2

あなたはFoundation 5.xスタイルでコーディングしています。これを見てください: http://foundation.zurb.com/sites/docs/top-bar.html


回答№2の場合は0

ありがとうございました。 gitの基礎から.jsフォルダをダウンロードしてインポートします。 トップバーは "働く"でしょう。


回答№3の場合は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"