使用 Gulp | Foundation 6 下拉菜单不起作用

Question

Foundation 下拉菜单错误。这没用。出现此错误：

TypeError: Cannot read property 'Feather' of undefined(…)
(anonymous function) @ foundation.js:1706
each @ foundation.js:77
each @ foundation.js:46
(anonymous     function) @ foundation.js:1705
each @ foundation.js:77
reflow @ foundation.js:1702
foundation @ foundation.js:1718
(anonymous function) @ results:271

我正在使用 gulp 将所有脚本放在一起。

当我包含下拉菜单时出现此问题。

Answer 1

您需要在构建中包含 foundation.util.nest.js。

Answer 2

在每个组件的底部，您可以看到依赖项。请确保您已将它们全部添加。

对于下拉菜单，您可以在 foundation.dropdownMenu.js 文件的末尾看到以下代码：

/***/ 5:
/***/ (function(module, exports) {
          module.exports = {Keyboard: window.Foundation.Keyboard};
/***/ }),
/***/ 8:
/***/ (function(module, exports) {
          module.exports = {Box: window.Foundation.Box};
/***/ }),
/***/ 84:
/***/ (function(module, exports, __webpack_require__) {
          module.exports = __webpack_require__(18);
/***/ }),
/***/ 9:
/***/ (function(module, exports) {
          module.exports = {Nest: window.Foundation.Nest};
/***/ })

因此，您必须添加：

foundation.util.nest.js,
foundation.util.box.js,
foundation.util.keyboard.js

当然还有

foundation.dropdownMenu.js 文件。

使用 Gulp | Foundation 6 下拉菜单不起作用

Using Gulp | Foundation 6 dropdown does not work

gulp

zurb-foundation

zurb-foundation-6