基金会网站（6）javascript order

Question

我完全糊涂了如何插入个人基础javascript。它似乎总是破坏我的代码。例如我需要使用下拉菜单js。在文档中它说明

初始化 文件foundation.dropdownMenu.js必须包含在你的JavaScript使用这个插件，

与foundation.core.js一起。

这个插件还需要这些工具库：

foundation.util.keyboard.js

foundation.util.box.js

foundation.util.nest.js

这似乎很简单，所以我按照以下顺序进行了以下操作：

bower_components/foundation-sites/js/foundation.core.js //check 
bower_components/foundation-sites/js/foundation.util.mediaQuery.js 
bower_components/foundation-sites/js/foundation.util.timerAndImageLoader.js 
bower_components/foundation-sites/js/foundation.util.keyboard.js //check 
bower_components/foundation-sites/js/foundation.util.box.js //check 
bower_components/foundation-sites/js/foundation.util.nest.js //check 
bower_components/foundation-sites/js/foundation.dropdown.js 
bower_components/foundation-sites/js/foundation.dropdownMenu.js //check 
bower_components/foundation-sites/js/foundation.equalizer.js 

我按照比UTIL比插件 但它告诉我foundation.util.nest.js:6 Uncaught SyntaxError: Unexpected token =

如果我把所有foundation.min.js文件中的错误消失，所以我知道它必须是一个依赖缺什么逻辑对我来说核心第一或订单不正确

是否有任何资源在基础js的依赖清楚？相反，每次我必须追踪和错误。

Answer 1

自Foundation v6.2.0起，JavaScript代码库已更新为ES6。 https://github.com/zurb/foundation-sites/releases

您需要在构建过程中添加Babel来编译ES6代码。

他们提供的教程这个位置： https://github.com/zurb/foundation-sites/wiki/Upgrading-to-Foundation-6.2

希望这有助于。

Answer 2

我在我的结尾有同样的问题。我在我的项目中使用基金会作为GIT子树，并且实际上在我上周刚刚创建的网站上使用了这个子树。

看来问题是函数参数声明的更新版本。在我工作的代码，V6.1.2，在foundation.util.nest.js代码：

Foundation.Nest = { 
    Feather: function(menu, type){ 
    menu.attr('role', 'menubar'); 
    type = type || 'zf'; 

与在6.2.0的最新版本的代码是：

const Nest = { 
    Feather(menu, type = 'zf') { 
    menu.attr('role', 'menubar'); 

这是“类型”的默认/后备声明似乎毁了一切。我期待自己修复。

根据this link，我目前版本的Chrome（48）尚不支持默认功能参数。