Jquery 基金会5顶棒下拉菜单随机和不XX27；不工作，但在刷新页面后工作 在我的Rails应用程序（Rails 4，Ruby 2）中有一个下拉菜单，它使用基础5。大多数情况下，下拉菜单工作正常，但有时（看似随机）无法下拉。我试过使用“悬停”和“点击”两种方式，得到了相同的随机故障。任何时候它都不起作用，只需刷新页面就可以解决问题，但对于用户来说，这仍然是一个我希望避免的问题。有什么建议吗

此代码位于

views/layouts/_header.html.erb

中，并在

application.html.erb

中呈现：

<nav class="top-bar" data-topbar data-options="is_hover: false">
  <ul class="title-area">
    <li class="name">
      <h1><%= link_to 'What Key Am I In?', root_path %></h1>
    </li>
    <li class="toggle-topbar">Menu</li>
  </ul>

  <section class="top-bar-section">
    <!-- Right Nav Section -->
    <ul class="right">
      <li><a href="#">All Keys</a></li>
      <li><%= link_to 'All Chords', chords_path %></li>
      <li><%= link_to 'All Notes', notes_path %></li>
      <li class="divider"></li>
      <li class="has-dropdown">
        <% if current_user.nil? %>
          <li><%= link_to 'Sign up!', new_user_registration_path %></li>
          <li><%= link_to 'Log in', new_user_session_path %></li>
        <% else %>
          <a href="#"><%= current_user.username %></a>
          <ul class="dropdown">
            <li><%= link_to 'View profile', current_user %></li>
            <li><%= link_to 'Edit profile', edit_user_registration_path(current_user) %></li>
            <li class="divider"></li>
            <li><%= link_to 'Chords Pending Approval', chords_pending_approval_path %>
            <li class="divider"></li>
            <li><%= link_to "Logout", destroy_user_session_path, method: :delete %></li>
          </ul>
        <% end %>
      </li>
    </ul>
  </section>
</nav>

菜单



















<代码> > p>您在基础创建之后添加了以下代码吗？JS包含，并且您是否使用了其他的JavaScript插件？我以前使用JQuery图像滑块时遇到过这个问题，并通过在大括号之间添加和放置代码来修复它。希望这是一些有用的，如果不是我会做一些更多的研究，并希望能帮助

     $(window).load(function() {}

你也应该把它放在文件的底部

 <script src="js/foundation/foundation.js"></script>
 <script src="js/foundation/foundation.topbar.js"></script>


我关闭了TurboLink，到目前为止它似乎还在工作。看起来这可能是引起这个问题的原因，这并不令人惊讶，因为我遇到了一些问题，因为TurbLink不符合预期。
不，但是我在我的<代码>应用程序中有这个。JS< /Cord>文件：//=需要基础$（函数）{$（文档）.Basic（）；}；好吧，我忘了你使用的是rails，实际上你不应该在js中使用这一行。只要基础。js和基础。TopBar。js在你的应用程序/资产/ JavaScript和你的基础上。CSS是在你的应用程序/资产/样式表文件夹中的栏目应该自动加载它们。现在，根据你的实际问题，当我得到时间的时候，我会使用一个快速的应用程序，看看我们能否解决这个问题。还请注意，您只需要常规文件，没有缩小版本，因为rails会为您缩小它们。太好了，谢谢！topbar仍然存在这个问题，我现在已经添加了链接下拉列表（它发生在topbar出现问题的同时，这两个问题都可以通过刷新页面来解决），这让我相信单击侦听器没有正确添加。再次感谢！