基础5.2.3顶栏下拉不起作用

时间:2014-06-09 14:29:03

标签: javascript jquery html css zurb-foundation

大家好我是基础5的新手,我试图为我的网站做一个顶级栏但是下拉不工作在这里是我的代码请帮助

我一整天都在谷歌搜索,但我无法找到解决方案。请帮我。由于基础问题,是否有可能发生这样的问题?

<meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel = "icon" href = favi.gif type="image/x-icon"/>
<link rel="stylesheet" href="css/normalize.css">

        <script src="js/jquery.js"></script>
        <script src="js/foundation.js"></script>
        <meta charset="utf-8">
 <link rel="stylesheet" href="css/foundation.css" />
    <script src="js/vendor/modernizr.js"></script>
    <script src="js/foundation.js"></script>
<script src="js/foundation.dropdown.js"></script>
<script src="js/foundation.topbar.js"></script>
<title>Music Eka</title>
</head>
<nav class="top-bar" data-topbar>
  <ul class="title-area">
    <li class="name">
      <h1><a href="#">My Site</a></h1>
    </li>
     <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
    <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
  </ul>

  <section class="top-bar-section">
    <!-- Right Nav Section -->
    <ul class="right">
      <li class="active"><a href="#">Right Button Active</a></li>
      <li class="has-dropdown">
        <a href="#">Right Button Dropdown</a>
        <ul class="dropdown">
          <li><a href="#">First link in dropdown</a></li>
        </ul>
      </li>
    </ul>

    <!-- Left Nav Section -->
    <ul class="left">
      <li><a href="#">Left Nav Button</a></li>
    </ul>
  </section>
</nav>

1 个答案:

答案 0 :(得分:3)

你还没有初步确定基础

在身体末端加上它。

<script>
  $(document).foundation();
</script>