基金會網站（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）尚不支持默認功能參數。