基金会网站(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

我遵循第一种逻辑，核心比使用插件更符合逻辑，但它告诉我foundation.util.nest.js:6 Uncaught SyntaxError: Unexpected token =

如果我把所有的foundation.min.js文件都放了，那么错误就会消失，所以我知道它一定是一个依赖关系，或者顺序不正确。

有什么资源可以明确地依赖于基金会js吗？相反，每次我不得不跟踪和错误它。

Answer 1

从FoundationV6.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');

“类型”的默认/后备声明似乎破坏了一切。我期待着自己能有个解决办法。

根据此链接的说法，我目前版本的Chrome (48)还不支持默认函数参数。