/ / TopBar в фондацията 6 не работи - zurb-foundation, zurb-foundation-6

TopBar в фондацията 6 не работи - zurb-foundation, zurb-foundation-6

Моят topbar в фондация 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

Отговори:

2 за отговор № 1

просто кодирате в стила на Фондация 5.x Погледнете следното: http://foundation.zurb.com/sites/docs/top-bar.html


0 за отговор № 2

Благодаря ти. както и да изтеглите и импортирате папката .js от фондацията на git. горната лента ще "работи".


0 за отговор № 3

Изглежда, че просто изпълнявате това като статична страница (html)

И все пак в пътеката за вашия javascript включвате да включите

<? bloginfo("template_url"); ?>

Което изглежда като функция на php

Може ли да ви препоръчам да стартирате подобен на WAMPserver (при условие, че използвате прозорци, това е лесен начин да получите Apache Mysql и PHP да работят на вашата локална машина.

Допълнителна забележка: Както се каза, обаче, изглежда, че ще включите код 5.x

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