基础站点 (6) javascript 顺序答案

【问题标题】：Foundation Sites (6) javascript order基础站点 (6) javascript 顺序
【发布时间】：2016-02-29 17:32:42
【问题描述】：

我完全不知道如何插入单独的基础 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

我遵循对我来说核心 1st 比 util 比插件更合乎逻辑的东西但它告诉我foundation.util.nest.js:6 Uncaught SyntaxError: Unexpected token =

如果我把所有foundation.min.js文件都放了，错误就消失了，所以我知道它一定是缺少依赖或者顺序不正确

是否有任何资源可以明确说明基础 js 的依赖关系？相反，每次我必须跟踪和错误它。

【问题讨论】：

标签： javascript zurb-foundation zurb-foundation-6

【解决方案1】：

我也遇到了同样的问题。我在我的项目中使用 Foundation 作为 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）版本还不支持默认函数参数。

【讨论】：

谢谢。如果您有任何想法，请告诉我。
我实际上编辑了我通常不喜欢这样做的代码，因此它反映了 6.1.2 的内容。我将尝试查看 repo 以查看 Zend 是否推送了修复此问题的更改。

【解决方案2】：

从 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

希望这会有所帮助。

【讨论】：