Zurb Foundation 的 javascript 不工作

Question

目前正在 Rails 4.2.6，已安装 foundation-rails gem，请遵循所有说明。现在它在应用程序中包含了一堆 javscript 和样式表文件，

application.js

//= require jquery
//= require jquery.turbolinks
//= require jquery_ujs
//= require dataTables/jquery.dataTables
//= require jquery_sortable
//= require foundation
//= require turbolinks
//= require_tree .

$(function(){ $(document).foundation(); });

但是当我尝试使用其中包含 javascript 的某些组件时，它不起作用。我从基金会的文档中尝试了这个下拉菜单

<a href="#" class="button" data-dropdown="drop">Link Dropdown &raquo;</a>
<ul id="drop" class="[tiny small medium large content]f-dropdown" data-dropdown-content>
  <li><a href="#">This is a link</a></li>
  <li><a href="#">This is another</a></li>
  <li><a href="#">Yet another</a></li>
</ul>

它只是给我一些 links，没有任何工作下拉菜单和控制台错误

TypeError: Cannot read property 'className' of undefined(…)
(anonymous function)    @   foundation.core.self-f55f82f….js?body=1:197

警报消息也无法正常工作，

<div class="row">
  <div class="small-6 small-centered columns">
    <% flash.each do |name, msg| %>
        <% flag = name.to_s == 'notice' ? 'success' : 'alert' %>
        <div data-alert class="alert-box <%= flag %> radius">
          <strong><%= flag == 'success' ? 'Yay!' : 'Error' %></strong>
          - <%= msg %>
          <a href="#" class="close">&times;</a>
        </div>
    <% end %>
  </div>
</div>

它会显示一个带有消息的警告框，但不会通过单击 x 按钮或 link 关闭，因此它不会给出任何错误消息。

Answer 1

事实证明我遵循了错误的文档，我目前使用的是 6.2.1 并且遵循的是 5.5.3 的文档。如果您遇到这样的问题，请确保您遵循了正确的文档。

Zurb Foundation 的 javascript 不工作

Zurb Foundation's javascript not working

javascript

ruby-on-rails

zurb-foundation