0
파운데이션을 사용하여 웹 앱을 설정하려고하는데 navbar가 올바르게 작동하는 데 문제가 있습니다. 화면이 클 때 잘 작동합니다. 버튼이 모두 navbar에 나타납니다. 화면을 축소하면 단추가 예상대로 사라지고 메뉴 단추가 나타납니다. 불행히도 메뉴 버튼이 작동하지 않습니다. 그것을 클릭해도 효과가 없습니다. 내 페이지의 스크립트 및 CSS 링크가 유효합니다. 내가 도대체 뭘 잘못하고있는 겁니까? 코드 나에게로 인해 스크립트 코드의 연결 오류를 제공으로 게시 할 수Foundation navbar 메뉴 버튼이 채워지지 않습니다
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<link href="/foundation/css/normalize.css" rel="stylesheet" type="text/css">
<link href="/foundation/css/foundation.css" rel="stylesheet" type="text/css">
<script src="/foundation/js/vendor/modernizr.js" type="text/javascript"></script>
<title>TITLE</title>
</head>
<body>
<script src="/foundation/js/vendor/jquery.js" type="text/javascript"></script><script src="/foundation/js/foundation.min.js" type="text/javascript"></script><script>$(document).foundation();</script>
<div class="row">
<div class="small-12 medium-4 columns">
<h1>Title</h1>
</div>
<div class="small-0 medium-4 columns"></div>
<div class="small-12 medium-3 columns">search</div>
</div>
<nav class="top-bar" data-topbar>
<ul class="title-area">
<li class="name"></li>
<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
</ul>
<section class="top-bar-section">
<ul class="right">
<li class="active"><a href="#">Button 1</a></li>
<li><a href="#">Button 2</a></li>
<li><a href="#">Button 3</a></li>
<li><a href="#">Button 4</a></li>
</ul>
<ul class="left">
<li><a href="#">left</a></li>
</ul>
</section>
</nav>
</body>
</html>