基础护栏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规则。这是疯狂的，因为它应该是完全相反的。 因此，只需在基础菜单后输入这些输入内容，您就可以轻松前往。 :)