Zurb基金会的JavaScript不能正常工作

目前在Rails 4.2.6上工作，安装了foundation-rails宝石，请按照所有说明操作。现在，它包括了一堆应用javscript和样式表文件，Zurb基金会的JavaScript不能正常工作

的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>

它只是让我没有任何工作下拉一些链接和错误控制台

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按钮或链接，并为它不给任何错误消息。

来源

2016-05-14 user464

我还没有尝试'jquery.turbolinks'，但它可能是多数民众赞成它实际上造成更多的伤害比好？我会尝试删除它并调用'$（document）.on（'page：load'，function（）{$（this）.foundation（）;}）;' – max

这将绑定处理程序，以便基础在重新初始化时该页面被重新加载。 – max

@max感谢您的回复，我试过了您所说的，但没有发生重大变化，仍然下拉不起作用，但现在控制台中没有错误。 – user464

事实证明，我当时正在使用错误的文档，我目前正在使用6.2.1并且正在关注5.5.3的文档。如果您有这样的问题，请确保您遵循正确的文档。

来源

2016-05-14 12:43:41 user464

Zurb基金会的JavaScript不能正常工作

回答

相关问题