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不能正常工作

回答

相關問題