Zurb顶部栏导航链接无法正常工作

Question

我有以下代码，基本上是来自Zurb Foundation网站的复制和粘贴作业，它创建了一个顶部栏导航，右侧有一个菜单下拉列表。最初加载页面时它可以正常工作，但是在点击root_path的链接后，它会导航到根目录，然后点击下拉列表，#会附加到网址上，然后点击下拉列表中的链接不再有效。为了让他们工作，我必须重新加载页面。

<nav class="top-bar" data-topbar role="navigation" data-options="is_hover: false" >
 <ul class="title-area">
  <li class="name">
    <h1><%= link_to "Cost Planner", root_path %></h1>
  </li>
 </ul>
 <section class="top-bar-section">
  <ul class="right">
  <li class="has-dropdown">
    <% if current_user %>
      <a href="#"><%= current_user.username %></a>
      <ul class="dropdown">
        <li><%= link_to "My Activities", user_activities_path(current_user)  %></li>
        <li><%= button_to "Log out", session_path, :method => :delete %></li>
      </ul>  
    <% else %>
      <%= link_to "Log in", new_session_path %>
    <% end %>
  </li>
  </ul>
 </section>
</nav>