TypeError: $ is undefined & ReferenceError: Foundation is not defined答案

【问题标题】：TypeError: $ is undefined & ReferenceError: Foundation is not definedTypeError: $ is undefined & ReferenceError: Foundation is not defined
【发布时间】：2013-03-03 07:46:20
【问题描述】：

我正在尝试通过drupal 7中的theme.info将foundation.js和foundation-topbar.js版本4添加到page.tpl.php。我可以看到jquery和foundation js文件已正确添加-jquery在foundation js文件之上- 但我得到这个错误：

TypeError: $ is undefined
(Foundation.zj, this, this.document)); // foundation-topbar.js line 206 

 ReferenceError: Foundation is not defined 
 (Foundation.zj, this, this.document)); // foundation-topbar.js line 206

there is foundation-topbar.js

【问题讨论】：

可能是冲突。可能值得在这里查看：api.jquery.com/jQuery.noConflict 或使用 jQuery 而不是 $
查看 Manging JavaScript in Drupal 7 了解 Drupal 特定的信息（虽然是同一件事）

标签： jquery drupal-7 zurb-foundation

【解决方案1】：

您需要按以下顺序添加到脚本的链接：

Zepto 或 jQuery（但不能同时使用，Zepto 在 Foundation 4 中取代了 jQuery）
foundation.js
foundation-topbar.js

$ 是 jQuery 调用和函数的简写。所以$('') 与jQuery('') 相同，Zepto 使用$ 并且与 jQuery 兼容，因此您可能会同时加载冲突，但如果没有看到源则很难判断。

【讨论】：

【解决方案2】：

它正在寻找的“基础”是类对象。您需要包含与您正在使用的 js 库位于同一目录中的foundation.js。

【讨论】：