我的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 而无法按预期工作的问题。
基础之后添加了以下代码.js包括并且您正在使用任何其他JavaScript插件? 我以前在使用 JQuery 图像滑块时遇到过这个问题,并通过在大括号之间添加和放置我的代码来修复它。 希望这是一些有用的,如果没有,我会对此做更多的研究,希望能有所帮助!
$(window).load(function() {}
您也应该将其放在文件底部。
<script src="js/foundation/foundation.js"></script>
<script src="js/foundation/foundation.topbar.js"></script>