Question

基础知识下拉错误。这是行不通的。给出了这个错误：

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下拉列表不起作用

2 个答案: