基礎護欄6.3.10和5.1.3軌道JavaScript的工作不輕擊棒只顯示元素下拉列表不工作

Question

dropdown is not working. it seams java script is not working

我使用的基礎護欄6.3.10和5.1.3軌道，但JavaScript的它不工作。 tap-bar只顯示元素，下拉式不起作用。 它看起來JavaScript不工作！

我必須包括：

<%= javascript_include_tag "vendor/modernizr" %> 

Answer 1

我設法使這項工作。

首先，你要添加的jQuery，here is another question explaining how

基金會實際需要jQuery的正常工作。因此，簡而言之，你必須安裝紗，如果你沒有它，那麼你的項目中執行：

yarn add jquery 

之後添加了jQuery的application.js。我的application.js文件如下所示：

//= require rails-ujs 
//= require turbolinks 
//= require jquery 
//= require foundation 
//= require_tree . 

在turbolinks之後要小心地要求jquery和foundation。

下一步是創建一個foundation_load.coffee文件。你可以把這個代碼，它負載的基礎，甚至與周圍turbolinks：

$(document).on('turbolinks:load',() -> 
    $(document).foundation() 
) 

也正在做，你有最後一兩件事要做。看起來文件「foundation_and_overrides.scss」沒有正確生成。如果你看它，你會看到

@include foundation-drilldown-menu; 
@include foundation-dropdown; 
@include foundation-dropdown-menu; 

難道之前的輸入：

@include foundation-menu; 

因此，基礎菜單的CSS規則將覆蓋基礎上，下拉菜單的CSS規則。這是瘋狂的，因爲它應該是完全相反的。 因此，只需在基礎菜單後輸入這些輸入內容，您就可以輕鬆前往。 :)