jquery - Foundation 5 顶部栏下拉菜单随机不起作用,但在刷新页面后起作用

标签 jquery css ruby-on-rails ruby zurb-foundation

我的 Rails 应用程序(Rails 4、Ruby 2)中有一个使用 Foundation 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>

最佳答案

我关闭了 Turbolinks,到目前为止它似乎还在工作。看起来这可能是导致问题的原因,这并不奇怪,因为我遇到过由于 Turbolinks 而无法按预期工作的问题。

关于jquery - Foundation 5 顶部栏下拉菜单随机不起作用,但在刷新页面后起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20690985/

相关文章:

javascript - 如何在具有 X-Frame-Options : SAMEORIGIN 的 iframe 中打开外部 url

javascript - 基本 jQuery : How to call a user defined function

html - 删除评论框 Blogger 并希望再次启用

css - 将子菜单添加到垂直菜单 CSS

JQuery Mobile 导致 Li 中的日期成为 iOS Safari 中的链接

javascript - 如何将内容设置为背景颜色?

css - 如何在 WordPress 小部件中注册样式表?

ruby-on-rails - 如何在 Rails 3 中关闭 RSpec 2 的生成器?

javascript - AngularJS,创建资源哈希

html - RoR/HAML/HTML 使用 ruby​​ on rails 在 html 中的第三个元素之后添加一个新行