jquery - Zurb Foundation 5 下拉菜单(导航栏和数据内容)偶尔(随机)不响应点击

Question

我最近开始使用 Foundation 5(我第一次使用 Foundation)，我遇到了一个问题，似乎任何元素都响应了 .click 事件(例如顶部导航栏，单击元素时显示的数据下拉列表)将随机不起作用。单击将不会执行任何操作。这个问题通常可以通过简单地重新加载页面来解决，但是，它经常发生，以至于会彻底混淆用户，尤其是(非常有值(value)的)新用户。

有没有人想过为什么这会随机发生，而在大多数情况下，它运行得很好？

我在 Rails 4 和 Ruby 2 中使用它，使用“foundation-rails”gem。

我在下面的代码中包含了一些我的用法示例。

谢谢!

使用数据下拉内容:

<ul id= <%= "chord-drop-#{chord.id}" %> class="f-dropdown" data-dropdown-content>
  <li class="chord-drop-show"><%= link_to 'Show this page', chord %></li>
  </li>
</ul>

使用数据顶部栏:

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

  <section class="top-bar-section">
    <!-- Right Nav Section -->
    <ul class="right">
      <% if current_user %>
        <li class="has-dropdown">
          <%= link_to 'Keys', '#' %>
          <ul class="dropdown">
            <li><%= link_to 'All Keys', keys_path %></li>
            <li><%= link_to 'Add a Key', new_key_path %></li>
          </ul>
        </li>
etc....

Answer 1

你在 </body> 之前使用过这个吗？标签？

<script>
  $(document).foundation();
</script>