Html ZURB基金会顶部酒吧下拉和菜单不工作

我有两个问题

该下拉列表在全屏显示时不起作用。悬停/单击“你好，用户！”对我没有任何帮助。当我检查元素时，似乎给出了下拉列表-100%定位 截面class=“顶杆截面”style=“左：-100%

2.当我调整屏幕大小时，菜单文本和图标会显示，但“Hello，User”会显示在其下方，而不是仅在单击菜单时显示。单击菜单不起任何作用

---

<你的基础代码是100%正确的。看起来好像你丢失了下拉取决于jQuery的JQuery，或者它没有正确地发射。如果你仍然有问题发布你的整个代码页，包括头标签。< /P>我在我的页眉中缺少jQuery！谢谢！

<nav class="top-bar" data-topbar role="navigation">
  <ul class="title-area">
    <li class="name">
      <h1><a href="#">Welcome</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="has-dropdown">
        <a href="#">Hello, User</a>
        <ul class="dropdown">
          <li><a href="#">Settings</a></li>
          <li class="active"><a href="#">Log Out</a></li>
        </ul>
      </li>
    </ul>

  </section>
</nav>